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

webpack Webpack

猿村村

2020-03-12

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

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

任何人都可以通过webpack在最新的入门项目中使sass / scss工作成功吗?

第1060篇《如何在最新的vue-cli入门项目中使用SASS / SCSS?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
奔跑的小象 2020.03.12

作为的最新文档@vue/cli-service": "^3.9.0",首先需要安装两个npm dev依赖项,即sass,sass-loader

萨斯

npm install -D sass-loader sass

yarn add --dev sass-loader sass

然后,您可以导入相应的文件类型,或通过以下方式在* .vue文件中使用它们:

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

请参阅此处的最新文档

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android