Vue引入vant没有的解决方法

196 阅读1分钟

vue踩坑之按需引入vant后没有样式

1.首先安装babel-plugin-import 插件

npm i babel-plugin-import

2.在 .babelrc 或 babel.config.js 目录下(主目录里有哪个, 就按哪个配)加入如下配置:

module.exports = {

  // 配置vant的按需加载
  plugins: [
    ['import', {
      libraryName: 'vant',
      libraryDirectory: 'es',
      style: true
    }, 'vant']
  ]
}

3.重启项目问题得到解决(注意:配置文件被修改后需要重启项目才会生效)