我開始學習的WebPack。我創建了一個簡單的配置文件:的WebPack錯誤·ERROR從UglifyJs意外標記:名稱(urlParts)
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']
}
]
}
};
然後我創建的src/index.js用一個簡單的console.log( '你好')。
在的package.json我把這個: 「開始」: 「的WebPack-DEV-服務器--config webpack.config.local.js -p」,
當我在運行 「故宮開始」終端我得到這個奇怪的錯誤:在bundle.js
ERROR從UglifyJs 意外標記:名稱(urlParts)[(的WebPack)-dev-服務器/客戶端的HTTP:/本地主機:8080:24,0] [束.js文件:4026,4]
的bundle.js看起來很奇怪,因爲我還沒有寫這段代碼。我GOOGLE了,但找不到解決方案,你有什麼想法我做錯了嗎?謝謝!
編輯:我加入這.babelrc但還是同樣的錯誤:
{"presets": ["react", "stage-2", "es2015"]}
是否使用'UglifyJS'?你正在運行什麼版本的webpack? –
「的WebPack」: 「^ 3.6.0」, 「的WebPack-dev的服務器」: 「^ 2.8.2」,我沒有使用醜化。這個錯誤令我瘋狂,我無法找到解決方案。它說我在捆綁包中有4000行代碼,而在我的索引中,我只放了一個console.log –
「」start「:」webpack-dev-server -config webpack.config.local.js -p「 您是否嘗試將該行更改爲:''start「:」webpack-dev-server --config webpack.config.local.js「? –