2020-08-25 vant,stylus注意事项

8笔

于 2020-08-25 18:22:05 发布

阅读量274

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_43899694/article/details/108226576

版权

本文详细介绍了如何在Vue项目中使用Vant UI框架进行组件的引入和配置，以及如何通过Stylus进行样式的编写，包括安装、配置和使用过程中的注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vant

vue移动端ui框架:  vant 使用
先安装： npm install vant -S
引入css样式：import 'vant/lib/index.css';
引入插件： 全部： import Vant from 'vant'
                  Vue.use(Vant)
		  按需： import { ... ,Grid } from 'vant' 
				 Vue.use(Grid)

stylus

vscode中使用

要安装 loader
npm install stylus-loader stylus --save-dev
style标签lang = ‘stylus’
import时 路径使用 波浪线 相对路径  
@import '~./assets/css/xxx.styl'

所有编译后的 CSS 都会通过 css-loader 来解析其中的 url() 引用，并将这些引用作为模块请求来处理。
这意味着你可以根据本地的文件结构用相对路径来引用静态资源。
另外要注意的是如果你想要引用一个 npm 依赖中的文件，
或是想要用 webpack alias，
则需要在路径前加上 ~ 的前缀来避免歧义。