webpack的entry和output基本配置

单入口

• 在默认的配置文件中 webpack.config.js（文件名却决于 package.json文件中的script参数内容，链接: 点击此处）

  module.exports = {
  entry: './path/to/my/entry/file.js',
  }; 
  entry 只有一个入口文件

module.exports = {
  entry: './path/to/my/entry/file.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'foo.bundle.js',
  },
};
output 输出的位置在当前目录下自动创建 dist 文件夹，并生成 foo.bundle.js 结果文件

多入口

module.exports = {
  entry: {
    app: './src/app.js',
    adminApp: './src/adminApp.js',
  },
};
entry 中分别使用不同的文件名作为入口

module.exports = {
  entry: {
    app: './src/app.js',
    adminApp: './src/adminApp.js',
  },
    output: {
    path: path.resolve(__dirname, 'dist'),
    filename: '[name].js',
  },
};
通过 [name] 语法，会自动输出生成 app.js 和 adminApp.js 结果文件