Vue cli3 引入 Vant Ui 步骤

Vue cli3 引入 Vant Ui 步骤

npm install vant --save

module.exports = {
presets: ["@vue/cli-plugin-babel/preset"],
// vant引入：
plugins: [
[
“import”,
{
libraryName: “vant”,
libraryDirectory: “es”,
style: true,
},
“vant”,
],
],
};

npm i babel-plugin-import --save
因为我们的项目中本来是使用sass来作为 css 的一个预编译器的，但是 vant 是用的less语法，所以我们还需要安装下less，不然会报错

$ npm isntall less less-loader --save-dev

}
.content{
height: 350px;
width: 100%;
}
.bottoms{
width: 100%;
height: 100px;
}
}