代码之家  ›  专栏  ›  技术社区  ›  Finglish

在Webpack中是否可以有多个子目录入口点和多个相对输出

  •  0
  • Finglish  · 技术社区  · 5 年前

    是否可以为每个子目录设置入口点,然后输出到相对的生成文件夹。其结果将是一个类似于:

     blockholder
    │
    │
    ├── package.json
    ├── webpack.config.js
    │
    │
    ├── block1
    │   ├── index.js
    │   └── build
    │           └── index.build.js
    │
    └── block2
        ├── index.js
        └── build
                └── index.build.js
    

    0 回复  |  直到 5 年前
        1
  •  1
  •   Rick    5 年前

    对。可以在一个webpack配置文件中设置多个配置。

    小例子:

    module.exports = [
    {
      entry: {
        block1: "./block1/index.js"
      },
      output: {
        filename: "[name].build.js",
        path: path.resolve(__dirname, "block1/build")
      }
    }, 
    {
      entry: {
        block2: "./block2/index.js"
      },
      output: {
        filename: "[name].build.js",
        path: path.resolve(__dirname, "block2/build")
      }
    }]
    

    module.exports =
    {
      entry: {
        block1: "./block1/index.js"
        block2: "./block2/index.js"
      },
      output: {
        filename: "./[name]/build/[name].build.js"
      }
    }
    
    推荐文章