Как настроить список браузеров в конфиге веб-пакета с сервером разработчика веб-пакета - PullRequest
Новая
       44

Как настроить список браузеров в конфиге веб-пакета с сервером разработчика веб-пакета

0 голосов
/ 25 февраля 2019

Я пытаюсь установить список браузеров в файле конфигурации webpack, но не могу понять, как это сделать.

Попробовал следующее в webpack.config: 

'use strict';

module.exports = {
  module: {
    rules: [
      {
        test: /\.(js|jsx|ts|tsx)$/,
        include: paths.appSrc,
        use: [
            {
                loader: 'babel-loader',
                query: {
                    presets: [ '@babel/preset-env','@babel/react' ],
                }
            },
        ],
      },
    ],
  }
};

Добавлен полифил в файле ввода: 

import '@babel/polyfill';

В .browserslistrc 

ie 11

Открыл сайт в IE 11 и получил ошибку, потому что const someFunction = (fn, offset) => - синтаксическая ошибка.

Конфигурация webpack используется сервером dev, потому что если у меня есть недопустимые значения, сервер dev не будет собираться.

1 Ответ

0 голосов
/ 26 августа 2019

В случае приложения Quasar, это просто вопрос изменения записи в package.json.Например, я выбрал поддержку IE при настройке приложения Quasar, и он создал для меня эту запись: 

"browserslist": [
    "last 1 version, not dead, ie >= 11"
  ]

Когда я перехожу на это и перезагружаюсь (горячая перезагрузка пробовала, но выдает ошибку), тамтребуется меньше переписывания кода: 

"browserslist": [
  "last 1 chrome version",
  "last 1 firefox version"
]

Однако, согласно https://www.npmjs.com/package/browserslist ваша запись в .browserslistrc должна работать (и имена браузеров не чувствительны к регистру).Таким образом, я предполагаю, что это не в правильном месте, или не настроено для чтения.Один из способов подтвердить это - добавить в список «unknown-browser» и теперь webpack / babel создает жалобу.То есть, если вы не получили жалобу, вы знаете, что ваш файл игнорируется.

...