Webpack 如何使用网页包开发服务器在网页包配置中设置浏览器列表
我正在尝试在webpack配置文件中设置browserslist,但不知道如何执行此操作 在webpack.config中尝试了以下操作: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
'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生成投诉。也就是说,如果你没有收到投诉,你就知道你的文件被忽略了