<强>一。缩小文件的搜索范围强>
-
<李>优化装载机配置
使用配置项包括与排除尽可能高概率命中文件,减少webpack匹配文件的时间。
我们可以适当的配置项目的结构目录。
<代码>模块。出口={ 模块:{ 规则:[{ 测试:/\ . js ?/美元, 包括:路径。解决(__dirname,“应用程序”), 用途:{ 装载机:‘babel-loader ? cacheDirectory’, 选择:{ 预设:[“es2015”、“反应”,“0阶段”) } } }), }, }代码>
李> <李>优化的决心。模块
指定模块路径,不需要按照默认的方式一层一层查找文件夹,指定模块配置下的应用目录方便在引入其他组件可以以绝对路径引入。引入方式如下截图:
模块。出口={
解决:{
扩展:['。js ', '。jsx '],
模块:[
路径。解决(<强>目录名,“应用程序”),
路径。解决(强>目录名,node_modules)
]
}
}
webpack性能优化总结