webpack打包后目录结构问题，求大神指教

JiYeonfighting 2019-01-16 04:30:25

如上图，打包之后css文件加下还有一个js文件夹，然后才是css文件，预期的效果是css文件中直接放在css文件夹下的，请各位大神指教一下，这是什么原因？多谢~~

...全文

412 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

風灬雲 2019-01-18

打赏
举报

回复

把entry里面的"js/"去掉，是你压缩css代码的插件那，[name]就是你的entry的key,就变成css/js/*.css了

JiYeonfighting 2019-01-17

打赏
举报

回复

css文件和html同级

yanzhi_2016 2019-01-16

打赏
举报

回复

源代码中的css文件是放在哪里？

离水de鱼 2019-01-16

打赏
举报

回复

为什么你要初始化两个一样的插件啊？

问题描述：项目打包后发布上线，不是放在服务器的根目录下，而是放在根目录的子文件夹下，这个时候项目的html中有手动引入的link/script的src和href文件。打包后对于这些文件不能正确的拼接子文件夹为路径解决办法： 1、如果项目是采用的vue-cli3的webpack打包的在vue.config.js中增加publicPath配置项，这个publicPath配置项中写入我要拼接的子文件...

webpack打包将public目录下的文件复制在打包后的build目录中 copy-webpack-plugin插件作用是在用webpack进行打包代码时，可以将指定目录下的文件原样复制到另一个指定目录下【默认是打包后的目录下】。

前言这里记录下webpack打包js文件的配置和遇到的问题。因环境版本等不同，解决办法未必都是通用的，仅作为大家参考之用；我的环境配置 macOS M1 系统 webpack版本：(全局版本）webpack 5.49.0，webpack-cli 4.7.2 node版本：v14.17.4 开发工具：webstorm 学习自建目录结构 dist目录下存放的是我们webpack打包后的最终js输出文件 node_modules 是我们安装项目本地的webpack后，目录自动生成的，全局和本地的webpa

说到自动清理打包目录，许多小伙伴不知道是什么，其实也相对简单，就是清理 webpack 打包出来的程序存放目录（如 build）。为什么要清理打包文件呢？原因也相对简单，例如存放打包文件的文件夹内，如果某一天意放了一些其他文件，就可能会对我们的项目产生不可意料的影响。所以在每次打包前，对其进行一次清理，就会避免许多潜在的问题。

Webpack 打包后文件过大，如何优化？

39,118

社区成员

5,566

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章