摘要：
<!-- * @Author: yaco * @Description: 淘宝商品选择联动 * @Date: 2022-04-28 --> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="https://cdn. 阅读全文
摘要：
postcss-preset-env是一个兼容浏览器，给一些css加上前缀的插件 npm install --save-dev postcss-preset-env 配置： 再package.json加入 "browserslist": [ "defaults", "not ie < 11", "l 阅读全文
摘要：
webpack5中默认会进行tree shaking，只要是满足模块化与mode=production 就能剔除掉被没有被使用到的代码 css中的tree shaking 使用purgecss-webpack-plugin插件，具体配置如下 const PurgeCSSPlugin = requir 阅读全文
摘要：
function deepCopy(obj) { // 判断是否是date if (obj.constructor Date) return new Date(obj) //判断是否是RegExp if (obj.constructor RegExp) return new RegExp(obj) 阅读全文
摘要：
HtmlWebpackPlugin: 该插件将为你生成一个 HTML5 文件， 其中包括使用 script 标签的 body 中的所有 webpack 包。在打包上线的时候需要对html也进行压缩,所以要进行如下配置 new HtmlWebpackPlugin({ // Also generate 阅读全文
摘要：
plugins: clean-webpack-plugin: clean-webpack-plugin用于在打包前清理上一次项目生成的bundle文件，它会根据output.path自动清理文件夹；这个插件在生产环境用的频率非常高，因为生产环境经常会通过hash生成很多bundle文件，如果不进行清 阅读全文
摘要：
模式： webpack4中可以直接指定模式，以现实不同环境对打包代码做不同的处理，2而webpack2,3中是通过插件进行代码压缩以及改变环境变量的 module.exports = { mode: 'development', }; //相当于 module.exports = { devtool 阅读全文
摘要：
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 步骤： 引入各种外部资源文件(module) >生成chunk（代码块） >利用load和plugin 解析chunk中相对应的代码，生成webpack可识别的js代码 阅读全文
摘要：
DefinePlugin DefinePlugin 允许创建一个在编译时可以配置的全局常量。这可能会对开发模式和发布模式的构建允许不同的行为非常有用。如果在开发构建中，而不在发布构建中执行日志记录，则可以使用全局常量来决定是否记录日志。这就是 DefinePlugin 的用处，设置它，就可以忘记开发 阅读全文
摘要：
在解释BFC之前，先说一下文档流。我们常说的文档流其实分为定位流、浮动流和普通流三种。而普通流其实就是指BFC中的FC。FC是formatting context的首字母缩写，直译过来是格式化上下文，它是页面中的一块渲染区域，有一套渲染规则，决定了其子元素如何布局，以及和其他元素之间的关系和作用。常 阅读全文