开发起因:因为我的项目是vue的页面级组件有差不多100个，举个case：因为用了 webpack-preftech-pulgin 插件， 页面里会插入 100个

1，compression-webpack-plugin事后筹备的资源压缩版本，应用 Content-Encoding 提供拜访服务⑴流程，①将文件通过算法压缩，搁置在动态服务器(nginx)上,在浏览器上输出地址后发送申请，响应头设置gzip，告知浏览器承受一个gzip资源。

我的环境 win 10 node v10.13.0 npm 6.13.4 webpack 4.43.0 webpack-cli 3.3.12 webpack-dev-server 3.11.0 webpack-merge 5.0.7 引言 在开发中，我们开发单页应用时，代码越来越多，还引入了很多第三方库，打包后的代码就会很大。每次要下载很久，用户访问时下载也很慢，重新访问页面时，又要加载这么大的文件。如果我…

报错内容：You are trying to set a filename for a chunk which is (also) loaded on demand. The runtime can only handle loading of chunks which match the chunkFilename schema. Using a custom filename would fail at runtime. (cache group: defaultVendors)

新版clean-webpack-plugin在使用上一共两个变化。1.不需要指定打包文件名，他会自动找output下面的配置。2.引入时需要使用一个对象去接收

原文[链接] 记录一下学习webpack+vue碰到的一个大坑，踩这个坑是我才疏学浅的表现，特此引以为戒。因为该坑实在是太坑了！ 代码 header.html {代码…} header.js {代码…} other.js {代码…} popup.vue是一个普通的弹窗组件。我在header.js中引入该组件，并实例化一个header_vue使用了popup组件，然后在other.js中引…

开发多页应用的时候，如果不对webpack打包进行优化，当某个模块被多个入口模块引用时，它就会被打包多次（在最终打包出来的某几个文件里，它们都会有一份相同的代码）。当项目业务越来越复杂，打包出来的代码会非常冗余，文件体积会非常庞大。大体积文件会增加编译时间，影响开发效率；如果直接上线，还会拉长请求和加载…

读了《深入浅出webpack》总结一下常用的webpack的构建优化策略，可通过以下手段来提升项目构建时的速度

之前有用 webpack4与babel7改造基于vue-cli2生成的工程模板，介绍文章在此。之后通过一些实践，除去了cli工具相对复杂的配置结构，提供轻量化版本的配置方案。之所以说是轻量化，是相对于Vue、React等框架提供的官方cli工具而言的。并不是说这些cli工具不好，它们本身提供了开箱即用的良好特性，又集成了很多提升开发体…

看《深入浅出webpack》总结一下常用的webpack的属性的含义并加了一些自己的链接，写在一个文件下更能有全局感受，更能理解各个属性中间的关系，重点要关注entry,output,resolve,module, plugins几部分