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

JiYeonfighting 2019-01-16 04:30:25

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

...全文

473 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

打赏
举报

回复

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

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

直接用vue-cli创建的项目可以创建一个单页面应用，开发环境和生产环境都是以一个单独的项目为目录的。但是在写一些有共性的模块时需要将所有组件放在同一个大的框架下的同时又需要每个模块可以进行单独的启动和打包。此时就需要进行个性化配置。本文将介绍两种多目录框架配置方案适用于不同情况。 pages多目录配置这种方案需要基于vue-cli3及以上的版本。优点是快捷方便稳定，适合绝大部分的开发场景。缺点是可配置性较差。目录格式目录格式大致如下，其实就是常见的src文件内部挪一层就行。 vue.config.

简单的说了一下webpack是干嘛的，和webpack如何安装，如何进行打包，步骤很详细，感兴趣的同学可以试着操作一下。文章目录1、webpacks是什么？2、Webpack安装3、初始化项目4、使用webpack进行JS打包5、使用webpack进行CSS打包总结 1、webpacks是什么？ Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。从图中我们可以看出，Webpack 可以将多种静态资源 js、css、le.

webpack 用于编译 javascript 模块，可以把文件格式编译成我们想要的静态文件格式，但是处理的过程并不是全部由 webpack 本身完成， webpack 只是提供了一个打包机制，对于各类文件的打包处理需要使用相对应的预处理模块 loader 来处理，作为一种机制 webpack&...

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

43,738

社区成员

5,567

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章