美文网首页
vue使用vant插件 样式不生效的问题

vue使用vant插件 样式不生效的问题

作者: CoderZb | 来源:发表于2020-02-11 15:42 被阅读0次

安装vant插件是无法显示加载vant里面的样式的,需要额外再装一个babel-plugin-import插件。步骤如下:

步骤一:安装babel-plugin-import

cnpm install babel-plugin-import --save

步骤二:在.babelrc文件中增加如下代码["import", {"libraryName": "vant","style": true}]

.babelrc文件全部代码如下:

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime", ["import", {
    "libraryName": "vant",
    "style": true
  }]]
}

和使用element-ui插件样式不生效的问题是一样的,都需要额外装一个其他的插件
解决vue项目使用element-ui时,样式不生效的问题

相关文章

网友评论

      本文标题:vue使用vant插件 样式不生效的问题

      本文链接:https://www.haomeiwen.com/subject/rwexfhtx.html