2017-09-21 22 views
1

webpackを習得し始めました。その後、私はシンプルにconsole.log( 'こんにちは')とのsrc/index.jsを作成UglifyJsのbundle.jsのWebpackエラー-ERROR予期しないトークン:name(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'] 
    } 
    ] 
} 
}; 

:私は、単純な設定ファイルを作成しました。 "スタート":

はpackage.jsonで私は、これは入れ "のWebPACK-devのサーバー--config webpack.config.local.js -p"、

私は "NPM開始" を実行します

名前(urlParts):UglifyJs 予期しないトークンからbundle.jsで

ERROR:[(WebPACKの)-devサーバ/クライアントのhttp:?/ localhostを:8080:24.0] [バンドルターミナル私はこの奇妙なエラーが出ます.js:4026,4]

このコードをすべて書いていないので、bundle.jsは非常に奇妙に見えます。私はグーグルでは解決策を見つけることができません、あなたは私が間違って何を考えているか?ありがとう!

編集:私は.babelrcでこれを追加しましたが、それでも同じエラー:

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

あなたは 'UglifyJS'を使用していますか?実行中のWebpackのバージョンは何ですか? –

+0

"webpack": "^ 3.6.0"、 "webpack-dev-server": "^ 2.8.2"、私はuglifyを使用していません。このエラーは私を夢中にさせており、私は解決策を見つけることができません。私の索引にはconsole.log –

+0

'' start ''だけを置くのに対し、バンドルには4000行のコードがあると言われています: "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ファイルを使用しているようですので、これはローカル開発用であると仮定します。この場合、-pはwebpackからは必要ありません。

bundle.jsのサイズについては、node_modulesフォルダを除外しているようですので、私にとっては問題はありません。

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

、あなたがより良い何が起こっているかを理解することができるように、作成されたファイルを参照してください。このようなあなたのpackage.jsonに新しいスクリプトを追加してみてください。 こんにちは、このヘルプ、歓声!

+0

これで問題は解決しましたが、-pを指定しないとコードが小さくなりません。ありがとう –

関連する問題