2021年11月26日
环境变量env的使用
摘要： 环境变量的使用 "scripts": { "dev-build": "webpack --config ./build/webpack.common.js", "dev": "webpack-dev-server --config ./build/webpack.common.js", "build 阅读全文
posted @ 2021-11-26 15:54 13522679763-任国强 阅读(607) 评论(0) 推荐(0)
shimming 改变 this 指向 指向 window
摘要： shimming plugins:[ new htmlWebpackPligin({ template:`./src/index.html` }), new cleanWebpackPligin(['dist'],{ root: path.resolve(__dirname,'../') }), / 阅读全文
posted @ 2021-11-26 15:39 13522679763-任国强 阅读(35) 评论(0) 推荐(0)
contenthash 配置解决js缓存的问题
摘要： contenthash 配置解决js缓存的问题 optimization:{ runtimeChunk:{ name: 'runtime' }, usedExports:true, splitChunks:{ chunks:"all" , cacheGroups:{ vendors: { test: 阅读全文
posted @ 2021-11-26 15:04 13522679763-任国强 阅读(164) 评论(0) 推荐(0)
css 代码分割 合并 压缩
摘要： css 代码分割 "sideEffects": ["*.css"], npm install --save-dev mini-css-extract-plugin@0.5.0 const miniCssExtractPlugin = require('mini-css-extract-plugin' 阅读全文
posted @ 2021-11-26 14:31 13522679763-任国强 阅读(54) 评论(0) 推荐(0)
配置 js 代码分割
摘要： // 配置 js 代码分割 // 第一种 entry:{ // lodash:'./src/lodash.js' , main:'./src/index.js' }, // 第二种 optimization:{ splitChunks:{ chunks:"all" } }, plugins:[] / 阅读全文
posted @ 2021-11-26 11:09 13522679763-任国强 阅读(85) 评论(0) 推荐(0)
合并开发 环境 配置区分打包 development || production
摘要： // 合并开发 环境 配置区分打包 npm install webpack-merge@4.1.5 -D package.json "scripts": { "dev": "webpack-dev-server --config ./build/webpack.dev.js", "build": " 阅读全文
posted @ 2021-11-26 10:15 13522679763-任国强 阅读(45) 评论(0) 推荐(0)
配置 tree shaking
摘要： 配置 tree shaking plugins:[ ], // 增加这个 （开发环境下 增加， 线上环境不用增加） // optimization:{ // usedExports: true // }, devServer:{ } package.json "name": "webpack4", 阅读全文
posted @ 2021-11-26 09:36 13522679763-任国强 阅读(149) 评论(0) 推荐(0)