2016-08-10 14 views
6

webpack -p CLI आदेश es2015 कोडwebpack -p 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; 

समय त्रुटि कुरूप कर देना करने में विफल रहता विफल रहता है webpack -p

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

(es2015 टेम्पलेट स्ट्रिंग उपयोग)

webpack -d चल रहा है ठीक काम करता है।

+0

से UglifyJS2-harmony.zip के साथ अपने वैश्विक uglify-js NPM फ़ोल्डर की जगह क्या तुमने कभी यह पता लगा था? मैं एक ही मुद्दे में चल रहा हूं ('" वेबपैक ":"^2.1.0-बीटा.21 "') – memo

+0

नहीं, अभी तक नहीं :(मुझे रिलीज से कुछ समय पहले मिला है, इसलिए मैं अभी-डी के साथ जारी रहा हूं समय – Robodude

उत्तर

1

एक GitHub पर उपयोगकर्ता (fulls1z3) एक solution कि कोलाहल की आवश्यकता नहीं है के साथ आया था (2016/11/26 से पोस्ट देखें):

यहाँ एक प्रति है:

webpack # 2 उपयोगकर्ताओं, मैं इसके द्वारा विस्तृत निर्देशों के उपलब्ध कराने के webpack साथ UglifyJs2 के सद्भाव शाखा का उपयोग करने से मदद करने के लिए कोशिश कर रहा हूँ:

  • कांटा webpack,
  • कि कांटा पर, हटाना मास्टर को छोड़कर सभी शाखाओं,
  • क्लोन मास्टर एक स्थानीय फ़ोल्डर के लिए शाखा,
  • स्थानीय फ़ोल्डर पर, सभी फ़ाइलों को हटाने,
  • खाली स्थानीय फ़ोल्डर कमिट,
  • नवीनतम संस्करण डाउनलोड करें (पूर्व: v2.1.0 -beta.27 पल)
  • स्थानीय फ़ोल्डर के लिए ज़िप फ़ाइल की निकालें सामग्री,
  • स्थानीय फ़ोल्डर पर पर,, काँटेदार package.json संपादित करने के लिए कि "uglify-js": "git+https://github.com/mishoo/UglifyJS2.git#harmony" UglifyJs2 (सद्भाव शाखा बात करने के लिए बदल) निर्भरता डाली।

  • परिवर्तन कमिट,

  • अंत में, अपने कस्टम कांटा करने के लिए अपने package.json में बिंदु webpack: "webpack": "[USERNAME]/webpack#master"

या, अपने पैकेज में

  • प्वाइंट webpack।fulls1z3/webpack (ES6/ES2015 अनुकूल webpack कांटा) के लिए json: "webpack": "fulls1z3/webpack#v2.1.0-beta.27-harmony"

मैं webpack उपयोग कर रहा था विश्व स्तर पर है, इसलिए मैं यह भी चलाने के लिए किया था:

NPM yargs स्थापित समर्थन करता है, रंग enhanced- व्याख्या को हल tapable webpack-स्रोतों स्रोत-नक्शा सूरत बिगाड़ना-js वस्तु असाइन async लोडर-धावक बलूत का फल watchpack mkdirp AJV AJV-कीवर्ड नोड-libs ब्राउज़र जी

तब मैं की जगह घ https://github.com/fulls1z3/webpack/releases

अन्त में से webpack-2.1.0-beta.27-harmony.zip के साथ अपने वैश्विक webpack NPM फ़ोल्डर, मैं https://github.com/mishoo/UglifyJS2/tree/harmony

+0

है जो पागल है: dizzy_face: –

+0

हाँ, यह एक जटिल गड़बड़ है, लेकिन यह कार्यात्मक – KTCO

+0

है जब तक UglifyJs को सद्भावना समर्थन नहीं मिलेगा, हम इससे पीड़ित रहेंगे। मैं मानता हूं कि, पूरे पूरे वेबपैक को एक विश्वसनीय समाधान नहीं है। दूसरी तरफ, बेब्रो ने अभी प्रकाशित किया है [uglifyjs-webpack-plugin] (https://github.com/webpack-contrib/uglifyjs-webpack-plugin) प्लगइन ताकि आप वेबपैक से decglpled UglifyJs का उपयोग/कॉन्फ़िगर कर सकें। –

संबंधित मुद्दे