主页 / 问题 / 783249
Accepted
Randall
Asked:2020-02-11 03:44:44 +0000 UTC2020-02-11 03:44:44 +0000 UTC

为什么 babel 不把我的 ES6 代码翻译成 ES5

  • 772

再会。

我安装了这样一个问题，我babel-loader开始webpack看bundle.js里面绝对没有任何变化，也就是let原样，其他功能也保留了。但同时它webpack工作了，没有红色错误并开始跟踪watch:true

请帮忙，可能是什么问题？

这是我的webpack.config.js 

const NODE_ENV = process.env.NODE_ENV || "development";

module.exports = {
    entry: "./common",
    output: {
        path: __dirname + "/dist",
        filename:"bundle"
    },
    watch:NODE_ENV == "development",

    devtool:NODE_ENV == "development" ? "cheap-inline-module-source-map" : null,

    module: {

        rules: [{
            test: /\.jsx$/,
            loader: "babel",
            query:{
                presets:["es2015"],
            }
        }]

    }
};

common.js 

let  welcome = require("./script");

welcome("script");

脚本.js

module.exports = function(message){
    alert(`welcome${message}`);
};

除了文件夹中的bundle.js之外，所有文件都在同一目录中dist

webpack

1 个回答

  1. Best Answer

    为了让 webpack 转换ES6为ES5exceptbabel-loader你仍然需要安装babel-preset-es2015

    module: {
  rules: [{
     test: /\.jsx$/,
     loader:'babel-loader',
     options: { presets: ['es2015'] }
  }]
},

    UPD：而且，为了让 webpack 转换文件.js，您需要在test

    test: /\.js$/,
    • 3

相关问题