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