引导者本文目录一览：
webpack配置
webpack配置已经完成，相关参数已经添加到html-webpack-plugin中，可以直接在页面上使用。语法是ejs，类似于ASP.NET、jsp和php。及格 webpack配置已经修改，项目需要重启才能生效。打包项目 可见包装体积大大减少。
设置为 true ，每次打包之前清理 output.path 目录中的所有内容，可以替代 CleanWebpackPlugin 插件。
webpack 开箱即用，可以无需使用任何配置文件。webpack 会假定项目的入口起点为 src/index.js ，然后会在 dist/main.js 输出结果，并且在生产环境开启压缩和优化。
vue2】webpack配置文件中的配置选项有devServer、CSS。
Autoprefixer解析CSS文件并且添加浏览器前缀到CSS规则里，使用 Can I Use 的数据来决定哪些前缀是需要的。
webpackmanifest.json文件中记录了非入口模块的ID和对应的输出文件，这为实现动态加载创建了基础。通过解析该文件，我们可以知道如何请求和加载这些动态模块。
webpack怎么创建配置文件
1、在package.json文件中添加命令，然后通过npm run build即可运行打包 但是通常项目还需要继续扩展此能力，为此可以在项目根目录下创建一个 webpack.config.js 文件，然后 webpack 会自动使用它。
2、step5： 配置入口文件和出口文件 每次修改js文件，手动输入命令： webpack 入口文件路径 -o 出口文件路径 重新打包， 每次都要输入入口文件和出口文件，麻烦。
3、x初始化项目后没有了build和config文件，如果你想对webpack相关内容进行配置，需要自己在根目录下(与package.json同级)创建一个vue.config.js文件，这个文件一旦存在，那么它会被 @vue/cli-service 自动加载。
4、设置为 true ，每次打包之前清理 output.path 目录中的所有内容，可以替代 CleanWebpackPlugin 插件。
webpack的打包配置-1修改版
npm install compression-webpack-plugin --save //打包build生成gizp压缩文件 compression-webpack-plugin 打包的文件生成 .gz后缀的文件需要服务器配置支持。
设置为 true ，每次打包之前清理 output.path 目录中的所有内容，可以替代 CleanWebpackPlugin 插件。
一个打包工具 npm install --save-dev webpack ： 安装Webpack npm install webpack webpack-cli --save-dev ：此工具用于在命令行中运行 webpack webpack 开箱即用，可以无需使用任何配置文件。
以内。再优化下去的话，我们要知道webpack打包的过程中做了啥，首先是解析依赖啦，然后就是各种各样的loader。
Webpack 是一个现代 JavaScript 应用程序的静态模块打包器。当 Webpack 处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。
【vue2】webpack配置文件中的配置选项有
1、webpack配置提供了devtool这个选项，如果设置为 ‘#source-map’，则可以生成.map文件，在chrome浏览器中调试的时候可以显示源代码。devtool： #source-map然而这个设置实际上没这么简单。
2、）assets：资源目录，放置一些图片或者公共js、公共css。
3、但是通常项目还需要继续扩展此能力，为此可以在项目根目录下创建一个 webpack.config.js 文件，然后 webpack 会自动使用它。
4、设置为 true ，每次打包之前清理 output.path 目录中的所有内容，可以替代 CleanWebpackPlugin 插件。
