Question

我正在尝试在webpack配置文件中设置browserslist，但不知道如何执行此操作。

在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' ],
                }
            },
        ],
      },
    ],
  }
};

在条目文件中添加了polyfil：

import '@babel/polyfill';

在.browserslistrc

ie 11

由于const someFunction = (fn, offset) =>是语法错误，因此在IE 11中打开了站点并出现错误。

开发人员服务器使用webpack配置，因为如果我那里有一些无效值，则开发服务器将无法构建。

Answer 1

对于Quasar应用程序，只需更改package.json中的条目即可。例如。设置Quasar应用时，我选择了IE支持，并且它为我创建了以下条目：

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

当我更改为此选项并重新启动（尝试进行热重装，但出现错误）时，正在进行的代码重写较少：

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

但是，根据https://www.npmjs.com/package/browserslist，您在.browserslistrc中的输入应该有效（并且浏览器名称不区分大小写）。因此，我猜它不在正确的位置，或者未设置为可读取。确认这一点的一种方法是将“未知浏览器”放在列表中，现在webpack / babel会发出投诉。即如果没有收到投诉，则说明您的文件已被忽略。

如何使用Webpack开发服务器在Webpack配置中设置browserslist

1 个答案: