Skip to content

output(输出):

Webpack 如何输出结果的相关选项

js
output: {
  /*
  输出文件目录(将来所有资源输出的公共目录,包括css和静态文件等等)
  所有输出文件的目标路径
  必须是绝对路径(使用 Node.js 的 path 模块)
  */
  path: path.resolve(__dirname, "dist"), //默认
  /* 
  "[name].js",用于多个入口点(entry point)
  "[chunkhash].js", 用于长效缓存
  */
  filename: "[name].js", 
  /* 
  所有资源引入公共路径前缀
  一般用于生产环境,小心使用
  */
  publicPath: "",
  /* 
  非入口文件chunk的名称。所谓非入口
  即import动态导入形成的trunk或者
  optimization中的splitChunks提取的公共trunk
  它支持和 filename 一致的内置变量
  */
  chunkFilename: "[contenthash:10].chunk.js",
  /* 当用 Webpack 去构建一个可以被
  其他模块导入使用的库时需要用到library */
  library: {
    name: "[name]",//整个库向外暴露的变量名
    type: "window"//库暴露的方式
  }
},