Dear

webpack 性能优化 开发环境性能优化 生产环境性能优化 开发环境性能优化 优化打包构建速度 HMR（热模块替换） 当我们修改某一个文件，但其它的文件都没有修改时，用 webpack 进行打包，会发现所有的 文件都会被重新打包。但是只修改某一个文件，却将所有的文件都打包，这样做反而是没有必要的。所以，我们就要做的是，那个文件进行了修改，再打包的时候只打印这个文件即可，所以我们就需要使用到 HMR（热模块替换） 常见的文件有三种：html、js 和 css css文件，可以使用 HMR，因为 s

生产环境配置 文章目录生产环境配置1、提取 css 成单独文件2、css 兼容性处理3、压缩 css4、js 语法检查5、js 兼容性处理6、js 压缩处理7、html 压缩处理 1、提取 css 成单独文件 下载安装相关插件 npm install --save-dev mini-css-extract-plugin 修改配置文件 const MiniCssExtractPlugin = require('mini-css-extract-plugin'); module.exports =

开发环境的基本配置 1、初始化配置 初始化 package.json文件 npm init -y 下载安装 webpack 和 webpack-cil： npm i webpack@4.32.2 webpack-cli@3.3.2 --sava-dev 2、创建配置文件 创建 webpack.config.js文件 为这个文件进行简单的配置 const { resolve } = require('path'); module.exports = { extry: './src

前端模块化 webpack前端模块化打包工具 webpack能让我们进行模块化开发，并且会帮助我们处理模块间的依赖关系 不仅仅是js文件，css、图片、json文件在webpack中都会被当做模块来使用 为了使webpack正常运行，必须依赖node环境 node环境为了可以正常执行很多代码，必须其中包含各种依赖的包 npm工具(node packages manager) 和grunt/gulp...