摘要：
单独打包第三方库 需要npm下载 add-asset-html-webpack-plugin 引入webpack(不需要下载),引入add-asset-html-webpack-plugin(需要下载) 使用dll技术，对某些库（第三方库：jquery、react、vue...）进行单独打包 当你运 阅读全文
摘要：
拒绝打包,但是这样拒绝打包后(cdn链接方式引入)必须要在index.html中引入 const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.expor 阅读全文
摘要：
多线程打包js,多用于babel中,可以加快打包速度 npm下载 thread-loader const { resolve } = require('path'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); c 阅读全文
摘要：
PWA: 渐进式网络开发应用程序(离线可访问技术) npm下载workbox-webpack-plugin 1. eslint不认识 window、navigator全局变量 解决：需要修改package.json中eslintConfig配置 "env": { "browser": true // 阅读全文
摘要：
js文件懒加载,在js中声明懒加载 console.log('index.js文件被加载了~'); // import { mul } from './test'; document.getElementById('btn').onclick = function () { // 懒加载~：当文件需 阅读全文
摘要：
js文件拆分,将打包后多个js合并的一个js分割成多个,并行加载 1. 多入口模式和splitChunks配合,可以将js拆分成多个,并且可以将node_modules中代码单独打包,公共的文件打包成单独一个chunk 2. 单入口模式和splitChunks配合,可以将node_modules中代 阅读全文
摘要：
babel(解决js兼容性问题) cacheDirectory: true缓存让第二次打包构建速度更快 缓存： babel缓存 cacheDirectory: true --> 让第二次打包构建速度更快 文件资源缓存 hash: 每次wepack构建时会生成一个唯一的hash值。 问题: 因为js和 阅读全文
摘要：
oneOf 以下loader只会匹配一个 不能有两个配置处理同一种类型文件 const { resolve } = require('path'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const Opti 阅读全文