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

标签 javascript vue.js electron electron-vue

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

注意:使用Bootstrap

提前致谢。

最佳答案

我已经在Vue Projekt中安装了Bootstrap和sass loader,您也可以将bootstrap loader放置在CSS文件夹中,也可以按照需要使用Bootstrap,但是请记住,必须加载Sass Loader。

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

  • 而已,
    希望它能帮助别人。

    关于javascript - 如何在Electron-Vue项目中使用多scss,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61477158/

    相关文章:

    javascript - 使用插件式包扩展 Electron 应用程序开发的架构

    javascript - 如何通过 Electron 菜单导航页面 - angularjs 应用程序

    javascript object.function 通过变量调用

    javascript - Kotlin JS 项目的基本 Gradle 脚本 Kotlin 文件是什么样的?

    javascript - 如何在 SweetAlert2 html 输出中使用 v-for

    javascript - Electron js应用程序构建后无法正常工作

    javascript - Angularjs 问题 $http.get 未加载图像

    javascript - 如何打印文档而不用php或javascript在页面底部显示地址

    javascript - 从 axios 返回数据而不是 promise

    Laravel WebSockets : Subscribing to private channels does not work