tree shaking (摇树优化)分割打包webpack 懒加载和预加载PWA 渐进式网络开发应用程序webpack 多进程打包webpack externals ( CND 打包优化)webpack dll (动态链接库) 1. tree shaking 摇树优化 前提必须要使用 ES6 模块化开启 production 环境作用减少代码体积…

HMR (热替换) 功能soure-map （编译后的报错提示）noeof / enforce （loader的执行顺序）webpack 缓存 1. HMR 功能 全称 hot Module replacement (热替换) 作用: 一个模块发生变化,只需要重新更新一个模块 ( 不用全部打包 ) 配置 webpack.config.js modu…

js 检查 Eslintwebpack 兼容处理 eslintwebpack 压缩 html 和 JS生产环境配置 1. JS 检查 Eslint 安装依赖 yarn add eslint eslint-config-airbnb-base eslint-plugin-import eslint-webpack-plugin -D 配置 packa…

基本概念webpack 配置框架解析 css 样式解析 less / sass 文件webpack 打包图片资源webpack 打包其他资源webpack 配置 devServerwebpack 单独打包css文件webpack 压缩 css 文件webpack 检查 eslint构建基础 webpack 开发配置 1. 基本概念 entry 入口…