webpack配置

阅读《深入浅出的webpack》-配置

整体配置结构：

const  path = require('path')

module.exports = {

  // entry表示入口，Webpack执行构建的第一步将从Entry开始，可抽象成输入

  // 类型可以是string、object、array

  entry: './app/enty',// 只有1个入口，入口只有一个文件

  entry: ['./app/entry1','./app/entry2'],// 只有1个入口，入口有两个文件

  entry: {// 有两个入口

    a: './app/entry-a',

    b: ['./app/entry-b1', './app/entry-b2']

  },

  // output出口，如何输出结果：在Webpack经过一系列处理后，如何输出最终想要的代码

  output: {

    // 输出文件存放的目录，必须是string类型的绝对路径

    path: path.resolve(_dirname, 'dist'),

    //输出文件名称

    filename: 'bundle.js', // 完整的名称

    filename: '[name].js',// 在配置了多个entry时，通过名称模板为不同的entry生成的不同的文件名称

    filename: '[chunkhash].js',// 根据文件内容的Hash值生成文件的名称，用于浏览器长时间缓存文件

    // 发布到线上的所有资源的URL前缀，为string类型

    publicPath: './assets/',// 放到指定目录下

    publicPath: '', // 放到根目录下

    publicPath: 'https://cdn.example.com', // 放到CDN上

    // 导出库的名称，为string类型

    // 不填它时，默认输出格式是匿名的立即执行函数

    library: 'MyLibrary',

    // 导出库的类型，为枚举类型，默认是var

    // 可以是umd、umd2、co