npm安装uView流程(配置easycom组件模式)

 介绍：

1. 如果您的项目是由HBuilderX创建的，相信已经安装scss插件，如果没有，请在HBX菜单的 工具>插件安装中找到"scss/sass编译"插件进行安装， 如不生效，重启HBX即可。
2. 如果您的项目是由vue-cli创建的，请通过以下命令安装对sass的支持。

1、准备工作：

// 安装sass
npm i sass -D

// 安装uview-ui
npm install uview-ui@2.0.36

2、引入uView：

// main.js
import uView from "uview-ui";
Vue.use(uView);
import "uview-ui/index.scss";

3、引入uView的全局SCSS主题文件：

/* uni.scss */
@import 'uview-ui/theme.scss';

4、配置easycom组件模式：

此配置需要在项目src目录的pages.json中进行。

// pages.json
{
	"easycom": {
		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
	},
	
	// 此为本身已有的内容
	"pages": [
		// ......
	]
}

5、cli模式额外配置：

// vue.config.js，如没有此文件则手动创建
module.exports = {
    transpileDependencies: ['uview-ui']
}

NPM安装方式配置 | uView 2.0 - 全面兼容 nvue 的 uni-app 生态框架 - uni-app UI 框架uView UI，是 uni-app 生态最优秀的 UI 框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水https://uviewui.com/components/npmSetting.html