webpack 出入口配置

1、常规单入口文件配置

{
  entry: './src/main.js', // 单入口文件
  output: {
    /**
     * 配置打包生成时，添加的公共前缀处理
     * 即所有被引用的 js 文件都会开头都会带上这个 publicPath 路径
     */
    publicPath: 'http://127.0.0.1:5500/dist/',
    filename: 'main.js', // 打包文件的名称，[name]对应的是 entry 对象中的 key 值
    path: path.resolve(__dirname, 'dist') // 打包文件的路径
  }
}

2、多文件入口配置

{
  entry: {
    main: './src/main.js', // 文件一
    sub: './src/sub.js' // 文件二
  },
  output: {
    filename: '[name].js', // 打包文件的名称，[name]对应的是 entry 对象中的 key 值
    path: path.resolve(__dirname, 'dist') // 打包文件的路径
  }
}