2017-07-13 2 views
1

Ich verwende Webpack Version 3.2.0.
Webpack-Befehl funktioniert gut, aber webpack -p löst unter Fehler Stapel.webpack -p Fehler: Fehler in bundle.js von UglifyJs

ERROR in bundle.js from UglifyJs 
Unexpected character '`' [bundle.js:1168,19] 

Meine Datei enthält Graviszeichen in Javascript-Datei.

`<div style="display: table; width: 100%; height: 100%;"> 
    <div style="display: table-cell; vertical-align: middle;text-align: center;width: 100%;"> 
     <button class="w2ui-btn" id="alloc_fund_save_btn">Save</button> 
    </div> 
    </div>` 

Hier ist meine webpack.config.js

const path = require('path'); 
var webpack = require('/usr/local/lib/node_modules/webpack'); 

config = { 
    // define entry point 
    entry: "./src/index.js", 

    // define output point 
    output: { 
     path: path.resolve(__dirname, ''), // no need to create folder 
     filename: 'bundle.js' 
    }, 
    module: { 
     rules: [{ 
       test: require.resolve('./jquery.min.js'), 
       use: [{ 
        loader: 'expose-loader', 
        options: 'jQuery' 
       },{ 
        loader: 'expose-loader', 
        options: '$' 
       }] 
      }] 
    } 
}; 

module.exports = config; 

Gibt es eine Plugin, das ich mit meiner Config zu integrieren bin fehlt.

Jede Hilfe wäre willkommen.

Antwort

0

Das Problem besteht darin, dass UglifyjsWebpackPlugin die Minimierung von ES6-Code nicht unterstützt.

Sie sollten hinzufügen, babel loader oder ändern Sie Uglify-js Abhängigkeit manuell. Ich empfehle Ihnen, babel loader zu verwenden.

From UglifyjsWebpackPlugin docs:

Important! The plugin has a peer dependency to uglify-js, so in order to use the plugin, also uglify-js has to be installed. The currently (2017/1/25) available uglify-js npm packages; however, do not support minification of ES6 code. In order to support ES6, an ES6-capable, a.k.a. harmony, version of UglifyJS has to be provided. If your minification target is ES6: yarn add git://github.com/mishoo/UglifyJS2#harmony-v2.8.22 --dev

Verwandte Themen