如何在最新的 vue-cli 启动项目中使用 SASS/SCSS?

2022-01-25 00:00:00 vue.js webpack vue-component sass vuejs2

我需要在我的项目中使用 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 添加到 <style> 元素.

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

<style lang="scss">

如果使用 webstorm:

If using webstorm:

<style lang="scss" rel="stylesheet/scss">

相关文章