webpack - Webpack 输出到 es5 / es6?
问题描述
webpack 是否可以输出多个 ECMAScript 版本?
就像是:
- bundle5.js
- bundle6.js
编辑:
我的意思是,Webpack 是否可以在一次运行中创建两种变体。
解决方案
一口气,我不确定您是否可以使用 webpack 做到这一点。但是您可以使用一组配置导出多个目标。
如果你使用 babel 7,你可以做这样的事情(未经测试):
module.exports = [
{
output: {
filename: './dist-bundle-es5.js'
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
cacheDirectory: true,
presets: [
[
'@babel/preset-env',
{
forceAllTransforms: true
}
]
]
}
}
}
]
},
name: 'es5',
entry: './app.js'
},
{
output: {
filename: './dist-bundle-es6.js'
},
name: 'es6',
entry: './app.js'
}
];
检查:https ://webpack.js.org/configuration/configuration-types/#exporting-multiple-configurations
编辑:添加示例
推荐阅读
- java - 使用 Spring Boot 测试与 Postman 的 OneToMany 关系时出错
- python - 从现有的 drf 模型视图集中删除特定操作
- java - 如何检查给定的表达式是否是有效的数学表达式?
- machine-learning - 有没有像「scaler.inverse_transform()」这样的方法来获取部分缩放器参数来反规范化答案?
- java - 我可以设置多个 .whereEqualTo 指向 firestore 查询中文档中的一个字段吗?
- android - 为什么 view.height 比实际高度大 3 倍?
- python - Slack Bot - Python 松弛发送降价消息
- java - 使用 Kotlin Kapt 失败:错误:范围构造不能使用类型使用注释进行注释:@org.jetbrains.annotations.NotNull
- django - 使用 drf django 发送邮件
- java - 为什么在对象反序列化期间在有效性检查之前执行防御性复制很重要?