会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
阿jin
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
下一页
2020年11月29日
28-PWA
摘要: const { resolve } = require('path'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const OptimizeCssAssetsWebpackPlugin = require('
阅读全文
posted @ 2020-11-29 00:50 阿jin
阅读(222)
评论(0)
推荐(0)
2020年11月28日
27-lazy loading(懒加载和预加载)
摘要: 懒加载 document.getElementById('btn').onclick = function () { // 懒加载:当文件需要使用时才加载 import(/* webpackChunkName: 'test' */ './test').then(({mul})=>{ console.
阅读全文
posted @ 2020-11-28 23:50 阿jin
阅读(248)
评论(0)
推荐(0)
26-code split
摘要: 第一种:多入口 const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { // 单入口 // entry: './src/js/i
阅读全文
posted @ 2020-11-28 06:47 阿jin
阅读(65)
评论(0)
推荐(0)
25-tree shaking(树摇)
摘要: const { resolve } = require('path'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const OptimizeCssAssetsWebpackPlugin = require('
阅读全文
posted @ 2020-11-28 05:45 阿jin
阅读(379)
评论(0)
推荐(0)
24-缓存
摘要: const { resolve } = require('path'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const OptimizeCssAssetsWebpackPlugin = require('
阅读全文
posted @ 2020-11-28 05:41 阿jin
阅读(47)
评论(0)
推荐(0)
23.oneOf
摘要: const { resolve } = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') // 提取css为单独文件 const MiniCssExtractPlugin = require('mini-
阅读全文
posted @ 2020-11-28 04:45 阿jin
阅读(63)
评论(0)
推荐(0)
22-source-map
摘要: const { resolve } = require('path') const htmlWebpackPlugins = require('html-webpack-plugin') module.exports = { entry: ['./src/js/index.js', './src/i
阅读全文
posted @ 2020-11-28 04:38 阿jin
阅读(129)
评论(0)
推荐(0)
21-HMR
摘要: /* HMR:hot module replacement 热模块替换 / 模块热替换 作用:一个模块发生变化,只会重新打包这一个模块(而不是打包所有模块) 极大提升构建速度 样式文件:可以使用HMR功能:因为style-loader内部实现了~ JS文件:默认不能使用HMR功能 --> 需要修改j
阅读全文
posted @ 2020-11-28 03:47 阿jin
阅读(69)
评论(0)
推荐(0)
20-优化配置介绍、HMR
摘要: webpack性能优化 开发环境性能优化 生产环境性能优化 开发环境性能优化 优化打包构建速度 HMR 优化代码调试 source-map 生产环境性能优化 优化打包构建速度 oneOf babel缓存 多进程打包 externals dll 优化代码运行的性能 缓存(hash-chunkhash-
阅读全文
posted @ 2020-11-28 02:42 阿jin
阅读(74)
评论(0)
推荐(0)
19-生产环境基本配置
摘要: const { resolve } = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') // 提取css为单独文件 const MiniCssExtractPlugin = require('mini-
阅读全文
posted @ 2020-11-28 02:27 阿jin
阅读(69)
评论(0)
推荐(0)
上一页
1
2
3
4
下一页
公告