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 截至目前,任何此类工具都是一项有风险的业务,因此请谨慎。