开发起因:因为我的项目是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中引…