如何使用 @vue/cli 4.3.1 转译依赖项

Question

我有一个必须在IE11上运行的应用程序

像lodash这样的一些依赖项使用胖箭头 (=>(，我想将它们定位以在 es5 中转译它们。

我查阅了许多其他解决这个问题的帖子，但似乎对我的情况没有任何效果。 我的块供应商.js文件经常有相同数量的胖箭头

这是我到目前为止的设置

babel.config.js

process.env.VUE_CLI_BABEL_TRANSPILE_MODULES = true;
module.exports = {
presets: [
[
'@vue/cli-plugin-babel/preset',
{
"useBuiltIns": "entry"
}
]
]
}

vue.config.js

module.exports = {
filenameHashing: process.env.NODE_ENV !== 'production',
productionSourceMap: false,
transpileDependencies: ["lodash"]
}

包.json

...
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"ie 11"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version",
"ie 11"
]
}
...

Answer 1

认为你需要在代码的根目录下使用 PRIMARY 或 core-js 和再生器

import "@babel/polyfill";

您还将使用预设

babel-preset-env 

https://babeljs.io/docs/en/babel-preset-env