Question

我与Webpack一起使用babel-loader将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;

Answer 1

Babel不能为此开箱即用，你需要一些其他的工具。试试https://lebab.io/

我没有尝试过评论结果代码的质量。 Imo到现在为止，任何这样的工具都是冒险的，所以要小心。

babel-loader仅用于将es6转换为es5？

1 个答案: