本教程总共9篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章!
1、React多页面应用1(webpack4 开发环境搭建,包括热更新,api转发等)---2018.04.04
2、React多页面应用2(webpack4 处理CSS及图片,引入postCSS,及图片处理等)---2018.04.08
3、React多页面应用3(webpack4 多页面实现)---2018.04.09
4、React多页面应用4(webpack4 提取第三方包及公共组件)---2018.04.10
5、React多页面应用5(webpack4 多页面自动化生成多入口文件)---2018.04.11
6、React多页面应用6(webpack4 开发环境打包性能小提升)---2018.04.12
7、React多页面应用7(webpack4 生产环境配置)---2018.04.13
8、React多页面应用8(webpack4 gulp自动化发布到多个环境,生成版本号,打包成zip等)---2018.04.16
9、React多页面应用9(webpack4 引入eslint代码检查)---2018.04.17
开发环境:Windows 8,node v8.9.1,npm 5.5.1,WebStorm 2017.2.2
今天我们讲个小个工具，来提升一下，开发环境，构建速度！
他就是 官方提供的 cache-loader
1、安装依赖
npm i -D cache-loader@1.2.2
2、修改配置
config -> webpack -> webpack.dev.conf.js
rules: [
{
test:/\.(js|jsx)$/,
use: [
'cache-loader',
'babel-loader',
],
include: [
path.resolve(__dirname, "../../app"),
path.resolve(__dirname, "../../entryBuild")
],
exclude: [
path.resolve(__dirname, "../../node_modules")
],
},
3、我们对比下速度
没有加 cache-loader 8005ms
加了cache-loader 6839ms (刚加完，第一次可能没有效果，因为还没有缓存，第二次会有明显效果)
本文完
禁止擅自转载,如需转载请在公众号《前端人人》中留言联系我们!
感谢童鞋们支持!
如果你有什么问题,可以在下方留言给我们!
