文章介绍了在Vue3开发项目时如何手动引入并配置less和scss。首先，需要通过npm安装less、less-loader以及sass、sass-loader作为依赖。如果常规安装失败，可以使用淘宝镜像。安装完成后，可以直接在组件的style标签中以lang属性声明使用less或scss语法编写样式。
最近在使用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>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
