![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 84
淘淘是只狗
努力码代码,给我的淘淘挣狗粮
展开
-
tree-shaking 的概念及其工作原理
如果程序是一棵树。绿色表示实际用到的源码和 library,是树上活的树叶。灰色表示无用的代码,是秋天树上枯萎的树叶。为了除去死去的树叶,你必须摇动这棵树,使它们落下。 通俗意义而言,当你引入一个模块时,你可能用到的只是其中的某些功能,这个时候,我们不希望这些无用的代码打包到项目中去。通过tree-shaking,就能将没有使用的模块摇掉,这样达到了删除无用代码的目的。 Webpack4默认的production下是会进行tree-shaking的 mode: "development", // .....原创 2021-07-29 22:57:26 · 870 阅读 · 0 评论 -
由浅及深,从零配置 webpack
18.库文件的打包 webpack.config.js 具体代码 const path = require('path'); module.exports = { mode: 'production', entry: './src/index.js', // 忽略 lodash ,不打包 // externals: ['lodash'], external...原创 2020-04-28 19:58:15 · 374 阅读 · 0 评论 -
webpack报错 CleanWebpackPlugin is not a constructor
学习webpack报错 throw err; ^ TypeError: CleanWebpackPlugin is not a constructor 修改 webpack.config.js 文件 const {CleanWebpackPlugin} = require('clean-webpack-plugin'); . . ...原创 2020-04-20 16:30:06 · 259 阅读 · 0 评论