使用cli安装uni-app后uni-ui的引入

参考地址：https://github.com/dcloudio/uni-ui1.安装 sassnpm i sass -D或yarn add sass -D2.安装 sass-loadernpm i sass-loader@10.1.1 -D或yarn add sass-loader@10.1.1 -D3.安装 uni-uinpm i @dcloudio/uni-ui或yarn add @dclo

马娟

926人浏览 · 2022-03-14 17:02:41

马娟 · 2022-03-14 17:02:41 发布

参考地址：https://github.com/dcloudio/uni-ui

1.安装 sass

npm i sass -D   或   yarn add sass -D

2.安装 sass-loader

npm i sass-loader@10.1.1 -D   或   yarn add sass-loader@10.1.1 -D

3.安装 uni-ui

npm i @dcloudio/uni-ui   或   yarn add @dcloudio/uni-ui

4.使用 npm + easycom

使用 npm 安装好 uni-ui 之后，需要配置 easycom 规则，让 npm 安装的组件支持 easycom

打开项目根目录下的 pages.json 并添加 easycom 节点：

// pages.json

{
	"easycom": {
		"autoscan": true,
		"custom": {
			// uni-ui 规则如下配置
			"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
		}
	},
	
	// 其他内容
	pages:[
		// ...
	]
}