webpack(2)webpack.config.js配置多入口文件

1.配置多个入口文件,但是打包为一个chunk,生成一个js文件

const{resolve}=require('path');

module.exports={
 entry:['./src/index.js','./src/main.js'],//使用数组的方式将多个入口放在其中
    output:{
        path:resolve(__dirname,'build'),
        filename:'build.js'
    },
    mode:'development',
    module:{
        rules:[]
    },
    plugins:[
        
    ]
}
将index.js文件和main.js文件两个文件打包为build.js文件
 
2.配置多个入口文件,每个入口独自打包为一个chunk,生成多个js文件
const{resolve}=require('path');

module.exports={
    entry:{//entry声明为一个对象,每个入口配置为其中的一个属性
        test0:'./src/index.js',
        test1:'./src/main.js'},
    output:{
        path:resolve(__dirname,'build'),
        filename:'[name].js'//输出文件使用[name],表示使用上面对应的test0和test1来命名生成出来的文件
    },
    mode:'development',
    module:{
        rules:[]
    },
    plugins:[
        
    ]
}
 
3.当然也可以使用上面两种方式混合,只需要将entry中的属性的值设置为一个数组即可
posted @ 2021-03-08 19:32  maycpou  阅读(357)  评论(0编辑  收藏  举报