多入口、出口配置

单个入口语法

const config = {
  entry:'./src/entry.js',
};
module.exports = config;

入口对象语法

const config = {
  entry: {
    entry:'./src/entry.js',
    first:'./src/first.js'
  }
};
module.exports = config;

出口语法

在 webpack 中配置 output 属性的最低要求是，将它的值设置为一个对象，包括以下两点：

• filename 用于输出文件的文件名。
• 目标输出目录 path 的绝对路径。

const config = {
  output: {
    filename: 'bundle.js',
    path: '/home/proj/public/assets'
  }
};
module.exports = config;

多入口起点输出

module.exports={
  mode: 'development',
  entry:{
    entry:'./src/entry.js',
    first:'./src/first.js'
  },
  output:{
    path: path.resolve(__dirname,'dist'),
    filename:'[name].js'
  }
}
// [name].js指的是根据入口文件输出相应的js文件，有几个入口文件就打包输出几个出口文件
// 写入到硬盘dist目录，/dist/entry.js, /dist/first.js