项目中使用less和sass

最近在使用vue3开发项目的时候，想手动搭建项目，手动配置less和scss，于是就查了一些相关资料，下面分别介绍如何在项目中引入less和sass代码。

使用less

在项目中使用 less 时需要先安装两个依赖库，它们分别是 less 和 less-loader。

安装的方式也非常的简单：

npm install less less-loader -D

如果这种安装方式失败，可以临时指定淘宝镜像进行安装：

npm install less less-loader -D --register=https://register.npm.taobao.org

安装之后就可以直接在组件中声明使用了:

<style lang="less">
	/* less代码 */
style>

使用sass

在项目中使用 sass 时需要先安装两个依赖库，它们分别是 sass 和 sass-loader。

安装的方式也非常的简单：

npm install sass sass-loader -D

如果这种安装方式失败，可以临时指定淘宝镜像进行安装：

npm install sass sass-loader -D --register=https://register.npm.taobao.org

安装之后就可以直接在组件中声明使用了:

<style lang="scss">
	/* sass代码 */
style>