巴贝尔装载机没有转化webpack.config.js

我在一个阵营项目工作时遇到麻烦webpack.config.js工作，我一直在一个简单的import语句越来越SyntaxError: Unexpected token import ：我看着other计算器的答案，修改了import path from "path"我CONFIGS据此但没有任何帮助，到目前为止巴贝尔装载机没有转化webpack.config.js

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 - 巴贝尔告诉我，这是一件非常愚蠢的，但我一直在拉我的头发，去年几个小时和着的身影。

来源

2017-06-21 user988544

您使用的是哪个版本的webpack？你真的安装了'babel-presets吗？'我在配置中看到它，但它被安装？ 'npm install --save-dev babel-preset-es2015' – pmirnd

Babel不会传输配置文件，只是在入口点代码。你必须做这个老派。

const path = require("path");

来源

2017-06-21 16:21:26

我很确定我看到'webpack.config.js'文件使用'import'而不是旧'require'，他们如何解码他们的代码呢？ – user988544

@ user988544 https://stackoverflow.com/questions/31903692/how-can-i-use-es6-in-webpack-config-js – robertklep

巴贝尔装载机没有转化webpack.config.js

回答

相关问题