UglifyJs의 bundle.js에서 webpack 오류 -ERROR 예기치 않은 토큰 : name (urlParts)

Question

webpack을 배우기 시작했습니다. 간단한 설정 파일을 만들었습니다 :

const path = require('path'); 
const webpack = require('webpack'); 

module.exports = { 
    context: __dirname, 
    entry: './src/index.js', 
    output: { 
    filename: 'bundle.js', 
    publicPath: '/', 
    path: path.resolve(__dirname, 'dist') 
}, 
devtool: 'inline-source-map', 
devServer: { 
    contentBase: path.join(__dirname, 'dist'), 
    hot: true 
}, 
plugins: [new webpack.HotModuleReplacementPlugin()], 
module: { 
    rules: [ 
    { 
     test: /\.js$/, 
     exclude: /node_modules/, 
     include: path.join(__dirname, 'src'), 
     use: ['babel-loader'] 
    }, 
    { 
     test: /\.css$/, 
     use: ['style-loader', 'css-loader'] 
    }, 
    { 
     test: /\.(png|svg|jpg|gif)$/, 
     use: ['file-loader'] 
    }, 
    { 
     test: /\.(woff|woff2|eot|ttf|otf)$/, 
     use: ['file-loader'] 
    } 
    ] 
} 
}; 

그런 다음 간단한 console.log ('hello')로 src/index.js를 만들었습니다. "시작":

은 package.json에서 나는 이것이 넣어 "웹팩-DEV-서버 --config webpack.config.local.js -p"

난에서 "고궁 박물원 시작"를 실행

터미널이 이상한 오류가 발생합니다 :

오류가 UglifyJs의 번들 .js 예기치 않은 토큰 : 이름 (urlParts) [(webpack) -dev-server/client? http :/localhost : 8080 : 24,0] [번들 .js : 4026,4]

이 코드를 모두 작성하지 않았으므로 bundle.js가 매우 이상하게 보입니다. 내가 봤지만 해결책을 찾을 수 없다, 당신은 내가 뭘 잘못하고 있는지 어떤 생각을 가지고 있습니까? 감사!

편집 : 코드를 축소하는 이유, 이것이

{"presets": ["react", "stage-2", "es2015"]} 

Answer 1

이 NPM 스크립트에서 -p를 제거 : 나는 .babelrc에 여전히 같은 오류이 추가되었습니다. webpack-dev-server와 config.local 파일을 사용하고있는 것 같아서 로컬 개발에만 사용되는 것으로 가정합니다.이 경우에는 -p webpack에서 필요하지 않습니다.

bundle.js의 크기와 관련하여 node_modules 폴더가 제외되어있는 것으로 보입니다.

"build": ""webpack --config webpack.config.local.js" 

및 생성 될 파일을 참조하십시오, 그래서 당신은 더 나은 무슨 일이 일어나고 있는지 이해할 수 :이처럼 package.json에 새 스크립트를 추가하려고합니다. 희망,이 도움, 건배!