babel-loader 仅用于将 es6 转译为 es5?
babel-loader only for transpiling es6 to es5?
我使用 babel-loader
和 Webpack 一起将 JavaScript es6 转译为 es5。是否有可能做相反的事情?将所有内容转译为 es6?如果没有,是否有另一个经过验证的 Webpack 加载器(用于开发或生产)?
我使用的版本 (package.json):
"devDependencies": {
"babel-core": "^6.26.0",
"babel-loader": "^7.1.4",
"ts-loader": "^4.2.0",
"typescript": "^2.8.3",
"webpack": "^4.6.0",
"webpack-cli": "^2.0.15",
"webpack-dev-server": "^3.1.3"
}
我的 Webpack 配置:
const path = require('path');
const config = {
mode: 'production',
entry: './src/js/app.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
},
module: {
rules: [
{ test: /\.js$/, exclude: /node_modules/, use: { loader: "babel-loader" }}
]
}
};
module.exports = config;
Babel 不能开箱即用,您需要一些其他工具。尝试 https://lebab.io/
我还没有试过它来评论结果代码的质量。 Imo 截至目前,任何此类工具都是一项有风险的业务,因此请谨慎。
我使用 babel-loader
和 Webpack 一起将 JavaScript es6 转译为 es5。是否有可能做相反的事情?将所有内容转译为 es6?如果没有,是否有另一个经过验证的 Webpack 加载器(用于开发或生产)?
我使用的版本 (package.json):
"devDependencies": {
"babel-core": "^6.26.0",
"babel-loader": "^7.1.4",
"ts-loader": "^4.2.0",
"typescript": "^2.8.3",
"webpack": "^4.6.0",
"webpack-cli": "^2.0.15",
"webpack-dev-server": "^3.1.3"
}
我的 Webpack 配置:
const path = require('path');
const config = {
mode: 'production',
entry: './src/js/app.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
},
module: {
rules: [
{ test: /\.js$/, exclude: /node_modules/, use: { loader: "babel-loader" }}
]
}
};
module.exports = config;
Babel 不能开箱即用,您需要一些其他工具。尝试 https://lebab.io/
我还没有试过它来评论结果代码的质量。 Imo 截至目前,任何此类工具都是一项有风险的业务,因此请谨慎。