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分析