安装
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时,样式不生效的问题