multiple applications on one front end project, webpack, html-webpack-plugin

multiple applications on front end project.md

webpack

module.exports = {
  entry: {
    'app1': 'path/to/app1',
    'app2': 'path/to/app2'
  },
  output: {
    path: 'your/local/file/path',
    filename: 'subdirectory/[name].js'
  },
  
  plugins: [
    new HtmlWebpackPlugin({
      template: 'your/template/file/path',
      filename: 'generated/html/file/path',
      chuncks: ['app1'] // the injected files from the entry.
      inject: true
    }),
    new HtmlWebpackPlugin({
      template: 'your/template/file/path',
      filename: 'generated/html/file/path',
      chuncks: ['app2'] // the injected files from the entry.
      inject: true
    })
  ]
}