javascript - 如何在 Electron-Vue 项目中使用多 scss

Question

我想在 Electron-Vue 中使用多个 scss 文件，并且我可以在此解决方案的帮助下在 Electron-vue 中使用单个 scss 文件，方法是在 webpack.renderer.js 中添加它。

注意：使用引导

提前致谢。

Answer 1

我已经在 Vue Projekt 中安装了 Bootstrap 和 sass 加载器，你也可以离开 bootstrap 加载器并将 bootstrap 文件夹放在 css 文件夹中，或者你也可以按照你的要求使用 Bootstrap，但请记住必须加载 Sass 加载器。

1. 创建一个master.scss
2. 在 master.scss 中导入所有其他这样的 scss 文件 ---> @import 'filename';
3. 在 app.vue 中将其添加到脚本部分 ---> import 'path_to_your_master_file/master.scss'

就是这样，希望它会帮助别人。