使用@babel/plugin-syntax-dynamic-import包的import()方法，import和()在保存时分开了是怎么回事

Question

在使用路由懒加载时，安装了 @babel/plugin-syntax-dynamic-import 这个包。
我要的效果是

但是，保存过后，import 和 () 之间就多了一个空格，

我加了 { } 也不行
我在项目的根目录中创建了 .prettierrc.js文件，里面配置了 "printWidth" : 200 也不行，不知道这个文件 .prettierrc是不是 js 文件，不能用 ：赋值，会报错，只能用 = 号赋值，所以也不行

希望哪位能帮我解决一下

Answer 1

可能是eslint校验的问题，可以试下这个属性
"wrap_attributes" 有这几个值 [auto|force|force-aligned|force-expand-multiline]
在settingJson里设置
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "force" // 可以换成上面任意一种value
}
},