2016-08-22 2 views
5

Я хотел бы использовать функцию встряхивания дерева, похоже, нам не нужно устанавливать babel-preset-es2015-webpack. Мы по-прежнему можем использовать babel-preset-es2015 и установить флаг модулей в false для предварительной настройки es2015. Я изменил конфигурацию своего веб-пакета, как показано ниже, в результате чего появляется ошибка «Неожиданный импорт токена» в строке импорта в моих реактивных компонентах.Webpack es2015 дрожание дерева с реактивом

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") 
     } 
    ] 
    } 

Я также попытался установить пресеты в [ 'es2015', 'реагируют', {модули: ложные}] Потом я другая ошибка на консоли
модуля сборки не удалось: ReferenceError: [BABEL] C: \ FE-Proj-Templates \ webpack \ main.js: использование удаленного варианта Babel 5: foreign.modules - используйте соответствующий модуль для преобразования модуля в опции plugins. Выезд http://babeljs.io/docs/plugins/#modules

Как установить предустановку es2015 с флагом модулей false, а также использовать React preset?

+0

Вы используете WebPack 2 (бета)? Webpack 1 не поддерживает модули ES2015 (и встряхивание деревьев). – Ambroos

+0

Да Я пользуюсь webpack 2 –

+0

@NeginBasiri Вы нашли решение? –

ответ

12

Она обновляется и работает

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

Важно отметить, что '['es2015', {modules: false}]' находится в отдельном массиве. Сначала я забыл об этом. – vkjb38sjhbv98h4jgvx98hah3fef

+0

вы можете немного оптимизировать его с добавлением 'free: true', так что' presets: [['es2015', {loose: true, modules: false}], 'react'] ' – AntK

Смежные вопросы