webpack说难很难，说简单也简单，难主要是loader和plugin模块 webpack是目前用的最多的构建工具，它不是个框架，webpack就是个打包工具，给项目做压缩处理，此前我介绍过vite

摇树（tree shaking） 我主要是想说摇树失败的原因（tree shaking 失败的原因），先讲下摇树本身效果 什么是摇树？ 举个例子 首先 webpack.config.js配置 在固定

新项目中 sass-loader 在 ::v-deep VS /deep/ 选择； 旧项目中 sass-loader 为什么突然不认 /deep/ 了。

对自己性能优化以及webpack优化进行总结，目前文章对webpack进行了描述，后续会对webpack之前的性能进行总结。

随着我们项目越来越复杂，我们在用webpack打包的时候，会发现打包的速度越来越慢，最后慢到打包一次要几分钟甚至更多的时间，缓慢的打包速度严重影响效率，那么如何提高打包速度就成为了我们的痛点，一般大家都是用HappyPack、Dellplugin和UglifyJsPlugin(…

1. tapable 同样的，在使用tap*注册监听时，传递的第一个参数，也只是一个标识，并不会在程序运行中产生任何影响。而第二个参数则是回调函数 3. Sync*类型的钩子 串行同步执行,第一个注册的回调函数会接收call传进来的所有参数,之后的每个回调函数只接收到一个参数,…

下面的文章會教導我們使用 webpack 設定一個基本的 vue 專案。

而关于如何应用该路径并没有说清楚... 这个最终静态资源访问路径在使用html-webpack-plugin打包后得到的html中可以看到。所以publicPath设置成相对路径后，相对路径是相对于build之后的index.html的，例如，如果设置publicPath: '…

webpack是现代前端开发中最火的模块打包工具，只需要通过简单的配置，便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置，便可以轻松实现对代码的构建呢？ Plugins：Loaders将各类型的文件处理成webpack能够处理的模块，plugins有着很强的能力。…