vue 3.0 项目搭建移动端 (五) 没有配合webpack的情况下 引入 sass

npm i --save-dev node-sass sass-loader

二、手动安装
如果在创建项目没有选择CSS 预处理器，我们也可以手动安装sass-loader以及 node-sass来集成scss。

npm install -D sass-loader node-sass

npm install -D node-sass 安装很慢

npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass

三、使用sass
至此我们只需要在style指定lang为scss即可：

<style lang="scss">
    $color = red;
</style>

vue service clie会自动使用我们安装的sass-loader作为scss内容的加载器。

vue 3.0 项目搭建移动端 (五) 没有配合webpack的情况下 引入 sass

原文：https://www.cnblogs.com/dianzan/p/12371928.html