这里遇到的问题是,本地的vue-cli3项目无法在ie和360浏览器运行
babel中文文档
vue-cli3下,配置IE浏览器兼容性
别的不管,这里我就想知道他是如何解决我这个问题,在浏览器显示我要的页面就ok
那么就看他如何配置
你会发现有 package.json 文件里的 browserslist 字段 (或一个单独的 .browserslistrc 文件),指定了项目的目标浏览器的范围。这个值会被 @babel/preset-env 和 Autoprefixer 用来确定需要转译的 JavaScript 特性和需要添加的 CSS 浏览器前缀。
// package.json
"browserslist": [
"> 1%",
"last 2 versions",
"not ie <= 8",
"not ie <= 11",
"Android >= 4.0",
"iOS >= 8"
],
当您将以上内容添加到package.json中时,所有工具都会自动找到目标浏览器
如何指定浏览器范围。
操作:
npm install @babel/polyfill --save
// package.json
"@babel/polyfill": "^7.8.7",
然后发现360浏览器正常了。
去掉browserslist
的
"not ie <= 8",
"not ie <= 11",
发现ie的也出来了,但是页面全乱了
首先 ie版本 看看 多少 然后 看你css用了啥高级属性 不兼容
原来是flex
这个问题就暂时不解了。