第六节:常见问题总结(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 : 原创博客请在转载时保留原文链接或在文章开头加上本人博客地址,否则保留追究法律责任的权利。
 
posted @ 2023-01-28 13:37  Yaopengfei  阅读(387)  评论(1)    收藏  举报