本文介绍了如何在最新的 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 添加到 元素.

in .vue files, add the lang to the <style> element.

如果使用 webstorm:

If using webstorm:

这篇关于如何在最新的 vue-cli 入门项目中使用 SASS/SCSS?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-12 14:34