webpack обрабатывает синтаксис es6

(1) Установка

webpack использует babel-loader для обработки синтаксиса es6

npm i babel-loader @babel/core @babel/preset-env --save

@ babel / core: основная библиотека babel-loader

@ babel / preset-env: преобразовать синтаксис es6 в синтаксис es5

(2) Расположение

{
      test: /\.js$/,
      loader: 'babel-loader',
      exclude: __dirname + 'node_modules',
      include: __dirname + 'src',
      options: {
        presets: ['env'] // 版本
      }
    }

Добавьте один в правила, если это js файл, используйте babel-loader

npx webpack упаковать

Вы можете видеть, что стрелочная функция стала обычной функцией, но некоторые браузеры не поддерживают Promise. В настоящее время необходим плагин @ babel-polyfill.

npm i @babel/polyfill --save

Представьте этот плагин при входе

import '@babel/polyfill'

В настоящее время при повторной упаковке будет много «патчей», и все браузеры не нужно исправлять, но упаковка слишком велика. Например, я использую Promise для этого проекта, и могут применяться только исправления, связанные с Promise. , На этот раз необходимо настроить снова

"useBuiltIns": "использование", которое вводится по запросу ~