带有多页的Webpack，如何将每个页面输出到一个文件中

Question

这是我的src：

src/
   page1
      index.html
      app.js
   page2
      index.html
      app.js
   somecommon

page1是一个PC网站，page2是一个移动网站，但是它们具有许多相同的部分，例如相同的api resuest或其他逻辑。我想像这样输出文件

build
   page1
     index.html page1.css page1.js
   page2
     index.html page2.css page2.js
   common
     vendors,common

Answer 1

您可以为Webpack配置多个入口点

module.exports = {
  entry: {
    pageOne: './src/pageOne/index.js',
    pageTwo: './src/pageTwo/index.js',
    pageThree: './src/pageThree/index.js'
  }
};

强制Web Pack具有多个输出路径

module.exports = {
    entry: {
      foo: 'foo.js',
      bar: 'bar.js'
    },

    output: {
      path: path.join(__dirname, 'components'),
      filename: '[name]/dist/[name].bundle.js', // Hacky way to force webpack   to have multiple output folders vs multiple files per one path
    }
};