webpack05 多入口文件页面打包配置

大多数情况，我们使用webpack打包单页面应用，有的时候也会遇到多页面的项目

单入口配置

一般情况下的配置模板如下：

module.exports = {
  entry: {},
  output: {},
  module: {},
  plugins: [],
  devServer: {}
}

• entry：配置入口文件的地址，可以是单一入口，也可以是多入口；
• output：配置出口文件的地址，支持多出口配置；
• module：配置模块，主要解析CSS和图片转换压缩等功能；
• plugins：配置插件；
• devServer：配置开发服务功能；

entry

我们的入口文件一般都是JS文件

entry： {
  entry: './src/entery.js'
}

output

output用来告诉webpack最后打包文件的地址和文件名称

output: {
  //打包后的文件路径
  path: path.resolve(__dirname, 'dist'),
  //打包后的文件名称
  filename: 'bundle.js'
}

当然还要引入path模块，这个是nodejs自带的模块；在webpack.config.js文件的头部引入；

c