08多进程打包、externals、dll
摘要：多进程打包 进程启动大概为600ms，进程通信也有开销 如果开始进程，需配置：thread-loader0 { test: /\.js$/, exclude: /node_modules/, use: [ /** * 开始多进程打包 * 进程启动大概为600ms，进程通信也有开销。 * 只有工作消耗
阅读全文
posted @ 2020-07-31 00:40
07 2020 档案
07tree shaking、代码分割、懒加载、PWA技术
摘要：tree shaking tree shaking: 去除无用代码 前提：1.必须使用ES6模块化 2.开始production环境 作用：减少代码体积 在package.json中配置 "sideEffects": false 所有代码都没有副作用（都可以进行tree shaking） 问题： 可
阅读全文
posted @ 2020-07-29 22:39
06HMR热加载、source-map调试代码、oneOf配置、缓存
摘要：HMR热加载 如果需要开启HMR热加载功能，只需要在webpack.config.js中配置 /** * HMR: hot module replacement 热模块替换 / 模块热替换 * 作用：一个模块发生变化，只会重新打包这一个模块（而不是打包所有模块） * 极大的提升构建速度 * 样式文件
阅读全文
posted @ 2020-07-22 12:11
05js语法检查、js兼容性处理
摘要：js语法检查 js语法检查插件：eslint-loader eslint js语法规则插件：eslint-config-airbnb-base eslint-plugin-import 安装eslint-loader eslint eslint-config-airbnb-base eslint-p
阅读全文
posted @ 2020-07-16 00:01
04webpack样式、图片处理
摘要：样式处理 css-loader style-loader插件 安装css-loader style-loader npm install css-loader style-loader -D 在webpack.config.js中添加配置 // 详细loader配置 // 规则 css-loader
阅读全文
posted @ 2020-07-04 02:07
03webpack的Html插件
摘要：插件 webpack-dev-server插件 安装webpack-dev-server npm install webpack-dev-server -D 运行webpack-dev-server npx webpack-dev-server 该命令不会真的会去打包文件，只是把这种文件写到内存中（
阅读全文
posted @ 2020-07-02 21:59
02webpack打包出来的文件解析
摘要：webpack打包出来的文件解析 打包后源码分析 打包后源码分析 实际上是: (function(modules){})({key1:value1,key2:value2......}) (function(modules) { // webpackBootstrap // The module c
阅读全文
posted @ 2020-07-01 21:44
01webpack介绍、基础详细配置
摘要：webpack介绍、基础配置 webpack介绍 Webpack是一种前端资源构建工具，一个静态模块打包器（module bundler） webpack可以做的事情 代码转换、文件优化、代码分割、模块合并、自动刷新、代码校验、自动发布 webpack安装 安装本地的webpack webpack
阅读全文
posted @ 2020-07-01 21:29
