vue-cli 2.8.1 详解
vue-cli webpack配置文件在build文件夹和config文件夹。
build文件夹里分为10个关于webpack的文件
1.build.js 顾名思义就是用做生产环境的一个文件,一般不做修改。
2.check—versions.js 检测npm和node版本。
3.dev-clients.js 客户端热重载
4.dev-server.js 开发环境
5.utils.js 用来处理css-loader和vue-style-loader
6.vue-loader.conf.js vue-loader
7.webpack.base.conf.js
配置webpack编译入口
配置webpack输出路径和命名规则
配置模块resolve规则
配置不同类型模块的处理规则
8.webpack.dev.conf.js
这里面在webpack.base.conf的基础上增加完善了开发环境下面的配置,主要包括下面几件事情:
将webpack的热重载客户端代码添加到每个entry对应的应用
合并基础的webpack配置
配置样式文件的处理规则,styleLoaders
配置Source Maps
配置webpack插件
9.build/webpack.prod.conf.js
构建的时候用到的webpack配置来自webpack.prod.conf.js,该配置同样是在webpack.base.conf基础上的进一步完善。主要完成下面几件事情:
合并基础的webpack配置
配置样式文件的处理规则,styleLoaders
配置webpack的输出
配置webpack插件
gzip模式下的webpack插件配置
webpack-bundle分析