Vue Build 无法包含 scss

Question

我正在开发一个 vue.js 应用程序。它在 DEV 模式下运行良好，但在构建（npm run build）时无法包含/解析我的 scss。我正在使用 Vue PWA 模板 (https://github.com/vuejs-templates/pwa)

我的 scss 包含在 App.vue 文件中，如下所示：

<style lang="scss" src="./styles/app.scss">

我没有更改构建/配置文件中的任何内容。

我是否应该将我的 app.scss 文件添加为单独的入口点，我在这里很迷茫..|

提前致谢

Answer 1

假设您的node-sass 和sass-loader 已正确设置。

您可以使用以下方式导入您的sass文件

<style lang="scss">
  @import "./path/to/scss"
</style>