巴貝爾裝載機沒有轉化webpack.config.js

Question

我在一個陣營項目工作時遇到麻煩webpack.config.js工作，我一直在一個簡單的import語句越來越SyntaxError: Unexpected token import ：我看着other計算器的答案，修改了import path from "path"我CONFIGS據此但沒有任何幫助，到目前爲止

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 - 巴貝爾告訴我，這是一件非常愚蠢的，但我一直在拉我的頭髮，去年幾個小時和着的身影。

Answer 1

Babel不會傳輸配置文件，只是在入口點代碼。你必須做這個老派。

const path = require("path");