Question

我正在开发一个React项目，但我无法让webpack.config.js工作，我一直在SyntaxError: Unexpected token import 在一个简单的导入语句上：import path from "path"我查看了other stackoverflow的答案，并相应地修改了我的配置但到目前为止没有任何帮助

webpack.config.js

import path from "path";

module.exports = {
    entry: "./src/index.js",
    output: {
        path: path.resolve("dist"),
        filename: "index_bundle.js"
    },
    module: {
        rules: [
            {
                test: /\.jsx?$/,
                loader: 'babel-loader',
                query: {
                    babelrc: false,
                    presets: [
                        "stage-0",
                        "react",
                        ["es2015", { "modules": false }],
                        ["env", {
                            "targets":
                                { "uglify": false }
                            }
                        ]
                    ]
                }
            }
        ]
    }
};

.babelrc

{
  "presets": ["es2015"]
}

得到错误：

(function (exports, require, module, __filename, __dirname) { import path from "path";
                                                              ^^^^^^
SyntaxError: Unexpected token import

webpack-babel的经验告诉我这是非常愚蠢的事情，但我已经把我的头发拉了几个小时并且无法想象。

Answer 1

Babel不会转换配置文件，只是在入口点编码。你必须做这个旧学校。

const path = require("path");

babel-loader没有转换webpack.config.js

1 个答案: