Webpack 如何使用网页包开发服务器在网页包配置中设置浏览器列表

Webpack 如何使用网页包开发服务器在网页包配置中设置浏览器列表,webpack,babeljs,webpack-dev-server,Webpack,Babeljs,Webpack Dev Server,我正在尝试在webpack配置文件中设置browserslist,但不知道如何执行此操作 在webpack.config中尝试了以下操作: 'use strict'; module.exports = { module: { rules: [ { test: /\.(js|jsx|ts|tsx)$/, include: paths.appSrc, use: [ { l

我正在尝试在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';
In.browserslistrc

ie 11
在IE 11中打开站点并得到一个错误,因为
constsomefunction=(fn,offset)=>
是一个语法错误


dev server使用webpack配置,因为如果我在其中有一些无效值,dev server将无法构建。

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

"browserslist": [
    "last 1 version, not dead, ie >= 11"
  ]
当我更改此选项并重新启动(尝试了热重新加载,但出现了错误)时,代码的重写次数会减少:

"browserslist": [
  "last 1 chrome version",
  "last 1 firefox version"
]
但是,根据您在.browserslistrc中的输入,它应该可以工作(并且浏览器名称不区分大小写)。 所以我猜它不在正确的位置,或者没有被设置为阅读。确认这一点的一种方法是将“未知浏览器”放在列表中,现在webpack/babel生成投诉。也就是说,如果你没有收到投诉,你就知道你的文件被忽略了