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

Question

我想在 Electron-Vue 中使用多个 scss 文件，并且借助此解决方案我能够在 Electron-vue 中使用单个 scss 文件By adding this in webpack.renderer.js。

注意：使用Bootstrap

提前致谢。

Answer 1

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

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

就是这样， 希望对其他人有帮助。