antd-design-vue按需引入报错如下:
Unexpected character ‘@’
在这里插入图片描述
解决方法:

  • 将.babelrc 里面的style 改为 false
"plugins": [
        [
            "import",
            { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": false }
        ]
    ]
  • 将样式在main.js中全局引入
import 'ant-design-vue/dist/antd.css'
  • 在组件中这样使用
<a-button></a-button>

import { Button } from 'ant-design-vue'

export default {
	components:{ 
		AButton:Button
	}
}
Logo

前往低代码交流专区

更多推荐