首页 > Web开发 > 详细

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

时间:2021-03-08 22:12:20      阅读:44      评论:0      收藏:0      [点我收藏+]

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中的属性的值设置为一个数组即可

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

原文:https://www.cnblogs.com/maycpou/p/14501659.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!