欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

配置 多入口--单出口 和 多入口--多出口

程序员文章站 2022-07-12 19:22:49
...

多入口–单出口

  1. 多入口: 告诉webpack, 去哪些文件里进行打包
module.exports = {
    context: path.resolve(__dirname, "src"),
    entry: ["./main.js", "./center.js"], // 设置多入口文件路径
    output: {
        path: __dirname + '/dist',
        filename: 'bundle.js'
    }
};

多入口–多出口

module.exports = {
    context: path.resolve(__dirname, "src"),
    entry: {
        "first": "./main.js",
        "second": "./center.js"
    }, // 如果是多入口单出口用数组结构, 如果是多入口, 多出口用对象结构, 而且key值是打包后的文件名
    output: {
        path: __dirname + '/dist',
        filename: '[name].js' // [name]是webpack内置的字符串变量, 对应entry里每个key
    }
}
相关标签: webpack