在配置loader的过程中,检查文件的时候,很多文件不想去检查,这个时候就得需要配置一些属性了。
module-->rules下:
exclide : 排除检查文件
include: 只检查src下的js文件
enforce 是否优先执行
loader
const {resolve}=require('path');
const HtmlWebpackPlugin=require('html-webpack-plugin');
module.exports={
entry:'./src/js/index.js',
output:{
filename:'js/[name].js',
path:resolve(__dirname,'build')
},
module:{
rules:[
//loader
{
test:/\.css$/,
use:['style-loader','css-loader'] //使用多个loader
},
{
test:/\.js$/,//检查js文件
exclude:/node_modules/,//排除 node_modules 下的文件 不去检查
include:resolve(__dirname,'src'),//只检查 src 下的 js 文件
enforce:'pre',//优先执行
//enforce:'post',延后执行
loader:'eslint-loader',
options:{},//配置
},{
//以下配置只会生效一个
oneOf:[]
}
]
},
plugins:[
new HtmlWebpackPlugin()
],
mode:'development'
}








网友评论