2016-08-10 9 views
6

poleceń CLI WebPACK -p nie zeszpecić kod es2015WebPack -p nie zeszpecić kod es2015

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; 

błędów przy działa webpack -p

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

(użyj ciągu szablonów es2015)

Działa webpack -d Działa dobrze.

+0

Czy kiedykolwiek tego dowiedzieć? Występuje dokładnie w tym samym numerze ('" webpack ":"^2.1.0-beta.21 "') – memo

+0

Nie, jeszcze nie :(Mam trochę czasu przed wydaniem, więc po prostu kontynuuję z -d dla czas jest – Robodude

Odpowiedz

1

użytkownika (fulls1z3) na github wymyślił solution który nie wymaga Babel (patrz post z 11/26/2016):

Oto kopia:

WebPack # 2 użytkownicy, ja niniejszym stara się pomóc poprzez dostarczanie szczegółowych instrukcji używania gałąź harmonia UglifyJs2 z WebPacka:

  • Fork WebPacka,
  • w tym widelcem, usuwać wszystkie branże z wyjątkiem pana,
  • Clone mistrz oddział do folderu lokalnego,
  • Z lokalnego folderu, usuń wszystkie pliki,
  • Commit pustego folderu lokalnego,
  • Pobierz najnowszą wersję (ex: v2.1.0 -beta.27 w tej chwili)
  • zawartości wyciągu z pliku zip do folderu lokalnego,
  • na lokalnym folderze edytować rozdwojony package.json zmień "uglify-js": "git+https://github.com/mishoo/UglifyJS2.git#harmony" wskazać UglifyJs2 (harmonia oddział) zależność temu gałąź.

  • zatwierdzić zmiany,

  • Wreszcie punkt WebPack w package.json do niestandardowego widelca: "webpack": "[USERNAME]/webpack#master"

OR,

  • Punkt WebPack w pakiecie.json do fulls1z3/webpack (ES6/ES2015 przyjazny WebPACK widelcem): "webpack": "fulls1z3/webpack#v2.1.0-beta.27-harmony"

używałem WebPack globalnie, więc musiałem uruchomić to zbyt:

npm zainstalować yargs obsługuje kolorów enhanced- rozwiązać interpretować tapable WebPACK-sources źródło-map zeszpecić-js obiektowo przypisać asynchronicznej ładowarka-runner żołądź watchpack mkdirp AJV AJV-słowa-node-libs-browser -g

Potem zastąpić d mój globalny folderu webpack npm z webpack-2.1.0-beta.27-harmony.zip z https://github.com/fulls1z3/webpack/releases

Wreszcie, wymieniłem moje globalnego folderu uglify-js npm z UglifyJS2-harmony.zip z https://github.com/mishoo/UglifyJS2/tree/harmony

+0

, który jest szalony: dizzy_face: –

+0

tak, to skomplikowany bałagan, ale jest funkcjonalny – KTCO

+0

Jeśli UglifyJs nie będzie miał wsparcia harmonii, będziemy cierpieć z tego powodu. Zgadzam się, rozwidlenie całego pakietu nie jest niezawodnym rozwiązaniem. Z drugiej strony, bebraw właśnie opublikował wtyczkę [uglifyjs-webpack-plugin] (https://github.com/webpack-contrib/uglifyjs-webpack-plugin), abyś mógł używać/konfigurować UglifyJs odseparowane od webpacka. –