如何在vue js组件中使用scss文件？

Question

我有多个scss文件，这些文件都以另一个scss文件名style.scss导入。现在，我需要将所有的scss编译为css并使用我的所有组件。怎么可能？

我已点击此链接Followed Instruction

有人可以帮助我吗

Answer 1

您可以安装以下dev依赖项：

"devDependencies": {
   "node-sass": "^4.1.1",
   "sass-loader": "^3.2.3",
   "style-loader": "^0.13.1"
}

并将您的scss文件导入到App.vue中：

<style lang="scss" scoped>@import 'style.scss'</style>