2017-08-07 28 views
0

をスロー:私は実行時にWebPACKのは、私は次のWebPACKファイル持ってUglifyエラー

const path = require('path'); 
const webpack = require('webpack'); 
const ExtractTextPlugin = require('extract-text-webpack-plugin'); 

module.exports = { 
    context: path.resolve(__dirname, './src'), 
    entry: { 
     app: './app.js' 
    }, 
    output: { 
     filename: '[name].bundle.js', 
     path: path.resolve(__dirname, './dist/assets'), 
     publicPath: '/assets', 

    }, 
    devServer: { 
     contentBase: path.resolve(__dirname, './src') 
    }, 
    module: { 
     rules: [ 
      { 
       test: /\.js$/, 
       exclude: [/node-modules/], 
       use: [ 
        { 
         loader: 'babel-loader', 
         options: { presets: [ 'es2015' ] } 
        } 
       ], 
       test: /\.css$/, 
       use: ExtractTextPlugin.extract({ 
        use: [{ 
         loader: 'css-loader', 
         options: { importLoaders: 1 } 
        }] 
       }), 
       test: /\.(sass|scss)$/, 
       use: [ 
        'style-loader', 
        'css-loader', 
        'sass-loader' 
       ] 
      } 
     ] 
    }, 
    resolve: { 
     modules: [ 
      path.resolve(__dirname, './src'), 
      'node_modules' 
     ] 
    }, 
    plugins: [ 
     new webpack.optimize.CommonsChunkPlugin({ 
      name: 'common' 
     }), 
     new ExtractTextPlugin({ 
      filename: '[name].bundle.css', 
      allChunks: true 
     }) 
    ] 
} 

を:

私はnode_modules/.binファイルを実行した場合node_modules/.binファイル/ webpacl -p(それは発生しません/ WebPACKの-d)

私は次のエラーを取得:UglifyJs

からapp.bundle.jsに

ERRORを

APP.JS

import styles from './css/style.scss'; 

let name = "alessandro"; 
var showName = name => { 
    console.log(name); 
} 

showName(name); 
+0

あなたはより多くの情報を共有することができ、あなたのapp.jsに何がありますか? –

+0

更新済みを表示してください。ありがとう – Alex

答えて

0

あなたの設定が壊れている:代わりに別のルールを宣言するのは、複数のtest/use/excludeフィールド(互いを上書きする)を持っているただ一つのルールを宣言しています。

これはおそらくあなたのJSが蒸散しないようにしているため、Uglifyはエラーをスローします。

はこれを試してみてください:

module: { 
    rules: [ 
    { 
     test: /\.js$/, 
     exclude: [/node-modules/], 
     use: [ 
     { 
      loader: "babel-loader", 
      options: { presets: ["es2015"] } 
     } 
     ] 
    }, 
    { 
     test: /\.css$/, 
     use: ExtractTextPlugin.extract({ 
     use: [ 
      { 
      loader: "css-loader", 
      options: { importLoaders: 1 } 
      } 
     ] 
     }) 
    }, 
    { 
     test: /\.(sass|scss)$/, 
     use: ["style-loader", "css-loader", "sass-loader"] 
    } 
    ]; 
} 
関連する問題