webpack
文章平均质量分 96
深入学习
苏Sue酥
今天的你比昨天更博学了吗
展开
-
从零玩转Webpack4~5+实现原理笔记(二)
一、webpack-JS-Tree-Shaking1.什么是Tree-Shaking?过滤掉无用的JS代码和CSS代码, 我们称之为Tree-Shaking例如: 在a.js中引入了b模块, b模块中有2个方法, 但是我只用到了1个方法默认情况下会将b模块中所有代码都打包到a.js中,为了提升网页性能降低打包体积, 我们可以只将用到的方法打包到a.js中2.webpack中如何开启Tree-Shaking?Tree-Shaking2.1开发环境webpack.config.js配置,原创 2021-07-15 22:52:17 · 558 阅读 · 1 评论 -
从零玩转Webpack4+实现原理笔记(一)
一、webpack 开篇1.什么是 webpack?webpack 是一套基于 NodeJS 的"模块打包工具",在 webpack 刚推出的时候就是一个单纯的 JS 模块打包工具,可以将多个模块的 JS 文件合并打包到一个文件中但是随着时间的推移、众多开发者的追捧和众多开发者的贡献现在 webpack 不仅仅能够打包 JS 模块, 还可以打包 CSS/LESS/SCSS/图片等其它文件2.为什么要分模块?如果将所有的 JS 代码都写到一个文件中, 十分不利于代码的维护和复用所以我们可以将不原创 2021-07-10 23:57:45 · 817 阅读 · 0 评论