标签:export 排除 缩小 bsp color style ack exclude class
webpack性能优化:
优化开发体验:
优化输出质量:
缩小文件范围:
优化loader配置:test、include、exclude三个配置项来缩小loader的处理范围,推荐include(webpack5.x此属性应该是去掉了,4.x推荐使用一下)
{ test:/\.css$/, include:path.resolve(__dirname,"./src"),//没指定这个字段,他会在整个项目中搜索检查css格式的文件再使用对应loader执行,比较消耗时间,此属性指定搜索范围,只在此目录下搜索 //exclude:path.resolve(__dirname,"./node_modules"),//排除,不要搜索那个目录 use:["style-loader","css-loader"], },
优化resolve.modules配置:他用于配置webpack去哪些目录下寻找第三方模块,默认是node_modules;寻找第三方模块,默认是当前目录下的node_modules里面找, 没有的话就去上一级目录../node_modules找,再没有会去../../node_modules里找
module.exports = { resolve:{ modules:[path.resolve(__dirname,"./node_modules")]//如果我们的第三方模块都安装在项目根目录下,就可以直接指明这个路径 } }
标签:export 排除 缩小 bsp color style ack exclude class
原文地址:https://www.cnblogs.com/znLam/p/13028287.html