如何在最新的 vue-cli 入门项目中使用 SASS/SCSS? [英] How to use SASS / SCSS with latest vue-cli starter project?

查看：46
本文介绍了如何在最新的 vue-cli 入门项目中使用 SASS/SCSS?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我需要在我的项目中使用 SASS 或 SCSS.

I need to use SASS or SCSS in my project.

我使用 vue-cli 制作了一个入门项目的最新版本.

I used the vue-cli to make the latest version of a starter project.

有人在使用 webpack 的最新启动项目中成功使用 sass/scss 吗?

Anyone had any success in making sass/scss work in the newest starter project with webpack?

推荐答案

  1. 您安装必要的依赖项

  1. you install the necessary dependencies

npm install -D node-sass sass-loader

对于全局样式，只需将文件导入main.js:

for global styles, simply import the file into main.js:

import './styles/my-styles.scss'

在 .vue 文件中，将 lang 添加到