2017-09-21 64 views
1

我開始學習的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"]} 
+0

是否使用'UglifyJS'?你正在運行什麼版本的webpack? –

+0

「的WebPack」: 「^ 3.6.0」, 「的WebPack-dev的服務器」: 「^ 2.8.2」,我沒有使用醜化。這個錯誤令我瘋狂,我無法找到解決方案。它說我在捆綁包中有4000行代碼,而在我的索引中,我只放了一個console.log –

+0

「」start「:」webpack-dev-server -config webpack.config.local.js -p「 您是否嘗試將該行更改爲:''start「:」webpack-dev-server --config webpack.config.local.js「? –

回答

3

從您的NPM腳本中刪除-p,這就是爲什麼涅槃的代碼。 看來你使用的是webpack-dev-server和一個config.local文件,所以我認爲這隻適用於本地開發,在這種情況下,webpack中的-p不需要。

關於bundle.js我看你排除node_modules文件夾的大小,所以這對我來說似乎確定。試着在你的package.json添加一個新的腳本是這樣的:

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

,看看將要創建的文件,這樣你就可以更好地理解正在發生的事情。 希望這個幫助,歡呼!

+0

是的,解決了這個問題,沒有-p它不會縮小代碼,謝謝 –