webpack2.x 中文文档 翻译 之 出口Output

本文详细介绍了Webpack中关于输出配置的各项参数及其用法,包括如何指定输出文件名、路径及多种高级选项,帮助开发者更好地理解并利用这些配置进行高效打包。

出口Output

影响编译的输出
告诉webpack怎样编译输出的文件
允许多个入口一个出口的情况。

用法

const config = {
  output: 'bundle.js'
};

module.exports = config;

选项

以下是你可以设置的值的output的选项。

output.chunkFilename

output.crossOriginLoading

该选项实现跨域加载模块
可以的值是:false anonymous use-credentials

output.devtoolLineToLine

output.filename

命名每个出口文件。
不必明确绝对路径。
使用output.path设置项,设置具体位置。
filename仅仅命名文件名字即可。

{
  entry: './src/app.js',
  output: {
    filename: 'bundle.js',
    path: __dirname + '/build'
  }
}

// writes to disk: ./build/bundle.js

多个入口
如果你是用多个块。
可以使用分发来确保每个文件的名字不重复

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

// writes to disk: ./build/app.js, ./build/search.js

output.hotUpdateChunkFilename

output.hotUpdateFunction

output.hotUpdateMainFilename

output.jsonpFunction

output.library

output.libraryTarget

output.path

output.sourceMapFilename

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值