webpack输出【output】配置,三

配置output选项可以控制webpack如何向硬盘写入编译文件(可以配置多个入口起点,但只指定一个输出配置)

【output】配置写法(一个入口起点)

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

module.exports = config;

1.filename用于输出文件的文件名

2.目标输出目录path的绝对路径

此配置将一个单独的bundle.js文件输出到/home/proj/public/assets目录中

多个入口起点时输出的配置

{
  entry: {
    app: './src/app.js',
    search: './src/search.js'
  },
  output: {
    filename: '[name].js',
    path: __dirname + '/dist'
  }
}

// 写入到硬盘:./dist/app.js, ./dist/search.js

如果配置创建了多个单独的"chunk",则应该使用占位符来确保每个文件具有唯一的名称