前面的文章介绍了webpack的devServer以及多入口多出口文件的配置，咱们继续往下学。 　　在开始学习接下来的知识之前，我们先回顾一下，前文提到了webpack的简单配置方法，但是只详细说了下入口和出口文件的配置，并没有更多的去解释其他选项的配置，比如loader，plugin ...

打包压缩js与css 由于webpack本身集成了UglifyJS插件（webpack.optimize.UglifyJsPlugin）来完成对JS与CSS的压缩混淆，无需引用额外的插件, 其命令webpack -p即表示调用UglifyJS来压缩代码，还有不少webpack插件 ...

1.安装 使用淘宝镜像，将webpack安装到全局 $ cnpm install webpack -g 查看webpack版本 $ webpack -v 在项目中安装， $ cnpm install webpack --save-dev 安装webpack开发工具 ...

打包 css 文件的意义： 最终把 css 文件压缩到 最终生成的 js 文件里，页面不需要再加载 css 文件，并且是压缩过的 打包 css 文件 ，安装 style-loader css ...

减小文件搜索范围 配置 resolve.modules Webpack的resolve.modules配置模块库（即 node_modules）所在的位置，在 js 里出现 import 'vue' 这样不是相对、也不是绝对路径的写法时，会去 node_modules 目录下找。但是默认的配置 ...

1.安装compression-webpack-plugin 2.vue.config.js配置 3.run build 报错 排查原因是版本太高。执行以下命令 PS:我在另一个项目配置，报出了其他错误，排查原因是webpack版本 ...

css-loader原有的minimize选项在1.0.0版本已经移除，不能使用其进行css压缩。 目前可行的css压缩方案有： 1. postcss-loader with cssnano or use optimize-cssnano-plugin plugin ...

每次学新东西总感觉自己是不是变笨了，看了几个博客，试着试着就跑不下去，无奈只有去看官方文档。 webpack是基于node的。先安装最新的 node。 1.初始化 安装node后，新建一个目录，比如html5。cmd中切到当前文件夹。 这个命令会创建 ...