Electron 12 学习(五)sass-loader 安装与配置

Electron 12 学习 专栏收录该内容
12 篇文章 1 订阅
  1. 安装sass-loader
    npm i -D sass-loader
    
  2. 测试scss文件:
    • 新建文件src/style/app.scss
    • src/App.vue内的样式剪切src/style/app.scss
      #app {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        color: #2c3e50;
        margin-top: 60px;
      }
      
    • src/App.vue内引入src/style/app.scss
      <template>
        <img alt="Vue logo" src="./assets/logo.png">
        <HelloWorld msg="Welcome to Your Vue.js App"/>
      </template>
      
      <script>
      import HelloWorld from './components/HelloWorld.vue'
      
      export default {
        name: 'App',
        components: {
          HelloWorld
        }
      }
      </script>
      
      <style>
      @import "../src/style/app.scss";
      
      </style>
      
    • 启动项目,查看效果。
  3. 源码:
    GitHub
    Gitee
    CodeChina
  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: Age of Ai 设计师:meimeiellie 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值