Question

我有一个需要支持IE11的Vue-CLI Webapp。在package.json中，我们设置了：

"browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8",
    "ie 11"
  ]

这似乎对生成的app.x.js文件有效：例如，它们不包含任何...运算符。

但是，生成的chunk-vendors.x.js do 包含...个运算符，因此在IE11上失败。

package.json的相关部分：

  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.3.0",
    "@vue/cli-plugin-eslint": "^3.3.0",
    "@vue/cli-service": "^3.3.0",
    "babel-eslint": "^10.0.1",
    "eslint": "^5.8.0",
    "eslint-plugin-vue": "^5.0.0",
    "pug": "^2.0.3",
    "pug-plain-loader": "^1.0.0",
    "vue-cli-plugin-pug": "^1.0.7",
    "vue-template-compiler": "^2.5.21"
  },

vue.config.js中没有相关更改，因此使用的是默认行为。

为了确保chunk-vendors.x.js已为IE11转译，我需要更改什么？

Answer 1

答案似乎不是，而是“确保所有依赖关系都被编译”（这显然会引起很多问题），而是“确保导致问题的特定依赖关系被编译”。

您可以通过在vue.config.js上添加一行来实现此目的：

transpileDependencies：['/ node_modules / myproblematicmodule /']

在Vue-CLI项目中，Babel不为IE11移植块供应商

1 个答案: