美文网首页
webpack module 常用配置属性

webpack module 常用配置属性

作者: 小李不小 | 来源:发表于2020-05-27 23:14 被阅读0次

在配置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'
}

相关文章

网友评论

      本文标题:webpack module 常用配置属性

      本文链接:https://www.haomeiwen.com/subject/evjnahtx.html