Webpack с многостраничным режимом, Как вывести каждую страницу в один файл

Question

Это мой источник:

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

Страница 1 - это веб-сайт для ПК, а страница 2 - это мобильный сайт, но в нем много одинаковых частей, например, API-интерфейс или другая логика.Я хочу вывести файл как этот

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

Answer 1

Вы можете настроить веб-пакет с несколькими точками входа

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

Принудительно настроить веб-пакет на несколько путей вывода

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
    }
};