Webpack构建目标(Targets)

WEB前端 waitig 471℃ 百度已收录 0评论

用法这里写链接内容
要设置 target 属性,只需要在你的 webpack 配置中设置 target 的值。

webpack.config.js

module.exports = {
target: ‘node’
};
在上面例子中,使用 node webpack 会编译为用于「类 Node.js」环境(使用 Node.js 的 require ,而不是使用任意内置模块(如 fs 或 path)来加载 chunk)。

每个target都有各种部署(deployment)/环境(environment)特定的附加项,以支持满足其需求。查看target 的可用值。

多个 Target
尽管 webpack 不支持向 target 传入多个字符串,你可以通过打包两份分离的配置来创建同构的库:

webpack.config.js

var path = require(‘path’);
var serverConfig = {
target: ‘node’,
output: {
path: path.resolve(__dirname, ‘dist’),
filename: ‘lib.node.js’
}
//…
};

var clientConfig = {
target: ‘web’, // <=== 默认是 ‘web’,可省略
output: {
path: path.resolve(__dirname, ‘dist’),
filename: ‘lib.js’
}
//…
};

module.exports = [ serverConfig, clientConfig ];
上面的例子将在你的 dist 文件夹下创建 lib.js 和 lib.node.js 文件。


本文由【waitig】发表在等英博客
本文固定链接:Webpack构建目标(Targets)
欢迎关注本站官方公众号,每日都有干货分享!
等英博客官方公众号
点赞 (0)分享 (0)