具有不同路径/名称的Webpack多入口点?

时间:2016-07-01 08:27:01

标签: javascript webpack

我在SPA中有以下多个条目示例:

entry: {
        "main-1": ["./src/js/main-1.js"],
        "main-2": ["./src/js/main-2.js"],
        "main-3": ["./src/js/main-3.js"]
    },

 output: {
        path: DIST_FOLDER,
        filename: "js/[name]." + BUILD_VERSION + ".js",
        chunkFilename: "js/[name]." + BUILD_VERSION + ".js"
    },

以下内容生成这些文件:

  • DIST_FOLDER / js / main-1.iq3gsj55.js
  • DIST_FOLDER / js / main-2.iq3gsj55.js
  • DIST_FOLDER / JS /主3.iq3gsj55.js

问题是我想要以下结构:

  • DIST_FOLDER / JS /主1.iq3gsj55.js
  • DIST_FOLDER / JS /主2.iq3gsj55.js
  • DIST_FOLDER /主3.js

请注意,第三个条目未获得BUILD_NUMBER且位于js文件夹之外。

有没有办法在output.filename中指定一个函数,我可以在其中插入一些生成不同路径和名称的逻辑,或者所有条目必须遵循相同的结构?

1 个答案:

答案 0 :(得分:0)

发现我可以将函数传递给以下条目:

 entry: webpackCommon.getEntries([
        "main-1",
        "main-2",
        "main-3"
    ]),

然后执行任何逻辑,这样我就可以使用路径作为条目的名称来构建我自己的条目对象,并在输出配置中使用[name]。