第六节:常见问题总结(npm安装包、Less/Scss使用)
一. npm安装包
( 参考:https://uniapp.dcloud.net.cn/tutorial/page-script.html#npm支持 )
1. 初始化
在根目录通过指令 【npm init -y】进行初始化,创建package.json文件。
2. npm安装dayjs库
通过指令 【npm install dayjs】安装第三方库,统一安装在 node_modules 文件夹下。

3. 代码测试
这里支持两种模式,分别nodejs模式 和 ESModule模式
//ESModule 模式
import package from 'packageName'
// nodejs模式
const package = require('packageName')
下面分享ESModule模式的代码:
<script setup>
import dayjs from 'dayjs';
/**
* 01-测试通过npm导入的dayjs库
* (直接发布使用即可
* 参考:https://uniapp.dcloud.net.cn/tutorial/page-script.html#npm支持
* )
*/
let test1 = () => {
// 详见:https://dayjs.gitee.io/docs/zh-CN/installation/node-js
const d1 = dayjs();
console.log(d1);
let d2 = dayjs('2019-01-25').format('DD/MM/YYYY'); // '25/01/2019';
console.log(d2);
};
</script>
运行效果:

4. 发布测试
以web项目为例进行发布,不需要做任何配置,通过npm引入的包将自动被打包生效。
二. Less/Scss的使用
在Uni-App项目中,使用less和scss语法,只需要给Hbuilder X安装插件即可。
Less:https://ext.dcloud.net.cn/plugin?id=2031

Scss: https://ext.dcloud.net.cn/plugin?id=2046

三.
!
- 作 者 : Yaopengfei(姚鹏飞)
- 博客地址 : http://www.cnblogs.com/yaopengfei/
- 声 明1 : 如有错误,欢迎讨论,请勿谩骂^_^。
- 声 明2 : 原创博客请在转载时保留原文链接或在文章开头加上本人博客地址,否则保留追究法律责任的权利。

浙公网安备 33010602011771号