2016-08-10 2 views
6

Die webpack -p cli Befehl nicht verunstalten es2015 Codewebpack -p nicht es2015 Code

package.json

"devDependencies": { 
    "babel": "^6.5.2", 
    "babel-core": "^6.13.2", 
    "babel-loader": "^6.2.4", 
    "babel-preset-es2015": "^6.13.2" 
    } 

webpack.config.js

var webpack = require("webpack"); 

var config = { 
    entry: './src/app.js', 
    devtool: "source-map", 
    output: { 
     path: '../Scripts', 
     filename: 'bundle.js' 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.js$/, 
       loader: 'babel-loader', 
       query: { 
        presets: ['es2015'] 
       }, 
       include: ["./src"], 
       exclude: /node_modules/ 
      } 
     ] 
    } 
} 

module.exports = config; 

Fehler beim verunstalten läuft webpack -p

ERROR in bundle.js from UglifyJs 
Unexpected character '`' [./src/LineEndRenderer.js:33,0] 

(es2015 Vorlage Zeichenfolge verwenden)

Running webpack -d funktioniert gut.

+0

Haben Sie jemals herausgefunden? Ich laufe auf genau das gleiche Problem ('" webpack ":"^2.1.0-beta.21 "') – memo

+0

Nein, noch nicht :(Ich habe etwas Zeit vor der Veröffentlichung, also mache ich einfach weiter mit -d für Die Zeit ist – Robodude

Antwort

1

Ein Benutzer (fulls1z3) bei Github kam mit einem solution, die nicht babel erfordert (siehe Beitrag von 2016.11.26):

Hier ist eine Kopie:

webpack # 2 Benutzer, ich bin durch detaillierte Anweisungen zu helfen hiermit versucht, die Harmonie Zweig der UglifyJs2 mit webpack zu verwenden:

  • Fork webpack,
  • auf dieser Gabel, löschen Alle Branchen außer Master,
  • Clone master-Zweig in einen lokalen Ordner,
  • Auf dem lokalen Ordner, löschen Sie alle Dateien,
  • den leeren lokalen Ordner Commit,
  • die neueste Version herunterladen (ex: v2.1.0 -beta.27 im Moment)
  • Extract Inhalt der Zip-Datei auf dem lokalen Ordner,
  • auf dem lokalen Ordner bearbeiten gegabelt package.json, ändern "uglify-js": "git+https://github.com/mishoo/UglifyJS2.git#harmony" UglifyJs2 (Harmonie Zweig) Abhängigkeit darauf zu hinweisen, dass Ast.

  • Änderungen Commit

  • Schließlich Punkt webpack in Ihrem package.json zu Ihrer benutzerdefinierten Gabel: "webpack": "[USERNAME]/webpack#master"

OR,

  • Punkt webpack in Ihrem Paket.json zu fulls1z3/webpack (ES6/ES2015 freundlich webpack Gabel): "webpack": "fulls1z3/webpack#v2.1.0-beta.27-harmony"

I webpack global wurde mit, also musste ich auch dies auszuführen:

npm yargs installieren unterstützt farbige enhanced- lösen bespielbar webpack-Quellen Quelle-Karte interpretieren verunstalten-js Objekt-assign Asynchron-loader-Läufer Eichel watchpack mkdirp AJV AJV-Schlüsselwörter Knoten-libs-Browser -g

Dann habe ich ersetzen d meine globalen webpack npm Ordner mit webpack-2.1.0-beta.27-harmony.zip von https://github.com/fulls1z3/webpack/releases

Schließlich ersetzen ich meine globalen uglify-js npm Ordner mit UglifyJS2-harmony.zip von https://github.com/mishoo/UglifyJS2/tree/harmony

+0

das ist verrückt: dizzy_face: –

+0

ja, es ist ein kompliziertes Durcheinander, aber es ist funktional – KTCO

+0

Wenn UglifyJs nicht Harmonie-Unterstützung haben, werden wir weiterhin darunter leiden.Ich stimme zu, Forking das gesamte Webpack ist keine zuverlässige Lösung. Auf der anderen Seite, Bebraw nur veröffentlicht [Uglifyjs-webpack-plugin] (https://github.com/webpack-contrib/uglifyjs-webpack-plugin) Plugin, so dass Sie UglifyJs von Webpack entkoppelt verwenden/konfigurieren können. –