output配置项

梗概:

• 用来配置打包出来的结果

语法:

1. filename属性

1.1. 语法之一

使用固定的字符串

1.2. 语法之一

使用方括号表示模板:

• [name]将用入口文件的名字来替换
• [contenthash]表示根据打包内容生成一个hash值, 用该值替换

实例:

output: {
    // webpack 如何输出结果的相关选项
    path: path. resolve (__dirname, "dist"), // string (default)
    // 所有输出文件的目标路径
    // 必须是绝对路径（使用 Node. js 的 path 模块）
    filename: "[name]. js", // string (default)
    // entry chunk 的文件名模板
    publicPath: "/assets/", // string
    // 输出解析文件的目录，url 相对于 HTML 页面
    library: { // 这里有一种旧的语法形式可以使用（点击显示）
      type: "umd", // 通用模块定义
      // the type of the exported library
      name: "MyLibrary", // string | string[]
      // the name of the exported library
 
      /* Advanced output.library configuration (click to show) */
    },
    uniqueName: "my-application", // (defaults to package.json "name")
    // unique name for this build to avoid conflicts with other builds in the same HTML
    name: "my-config",
    // name of the configuration, shown in output
    /* 高级输出配置（点击显示） */
    /* Expert output configuration 1 (on own risk) */
    /* Expert output configuration 2 (on own risk) */
  },