Webpack es2015 drżenie drzewa z React

Chciałbym użyć funkcji drżenia drzewa wydaje się, że nie musimy instalować pakietu babel-preset-es2015-webpack. Nadal możemy użyć babel-preset-es2015 i ustawić flagę modułów na false dla ustawień es2015. Zmieniłem konfigurację webpacka, jak pokazano poniżej, co powoduje błąd "nieoczekiwanego importu tokena" na linii importu w moich komponentach reagowania.Webpack es2015 drżenie drzewa z React

module: { 
    loaders: [ 
     { 
     test: /\.js$/, 
     exclude: /node_modules/, 
     loader: 'babel', 
     query: { 
      presets: [['es2015', {modules: false}], 'react'] 
     } 
     }, 
     { 
     test: /\.scss$/, 
     loader: ExtractTextPlugin.extract("style-loader", "css-loader!sass-loader") 
     } 
    ] 
    }

Próbowałem też ustawić presety jako [ 'es2015', 'reagować', {moduły: false}] Potem dostałem inny błąd na konsoli
Module build failed: ReferenceError: [BABEL] C: \ FE-Proj-Templates \ webpack \ main.js: Użycie usuniętej opcji Babel 5: foreign.modules - Użyj odpowiedniej wtyczki przekształcania modułów w opcji plugins. Zapoznaj się z http://babeljs.io/docs/plugins/#modules

Jak ustawić ustawienie wstępne es2015 z fałszywymi flagami modułu, a także użyć ustawienia wstępnego React?

Źródło

2016-08-22 Negin Basiri

Używasz WebPACK 2 (beta)? Pakiet Webpack 1 nie obsługuje modułów ES2015 (i drzewka). – Ambroos

Tak Używam pakietu internetowego 2 –

@NeginBasiri Czy znalazłeś rozwiązanie? –

Jest aktualizowana i działa

presets: [['es2015', {modules: false}], 'react']

Źródło

2016-09-01 01:14:42

Należy zauważyć, że '['es2015', {modules: false}]' znajduje się w osobnej tablicy. Z początku to przeoczyłem. – vkjb38sjhbv98h4jgvx98hah3fef

możesz ją zoptymalizować nieco bardziej, dodając "loose: true", jak np. 'Presets: [['es2015', {loose: true, modules: false}]," react "] – AntK

Webpack es2015 drżenie drzewa z React

Odpowiedz

Powiązane problemy