素材巴巴 > 程序开发 >

编译sass

程序开发 2023-09-13 18:34:51

文章目录

  • node-sass
  • webpack+react+sass
  • 命令行编译sass

    sass的运行环境有两种:ruby和node-sass。
    sass以.scss为后缀。

    ruby
    编译sass命令行单文件转换sass input.scss output.css单文件监听sass --watch input.scss:output.css目录监听sass --watch input:output

    sass --watch input:output,监听input目录下的所有.scss文件,且编译结果全部放入目录output

    node-sass

    webpack+react+sass

    此时,sass的运行环境是node-nass,使用的loader是sass-loader,所以

    npm install --save-dev node-nass
     npm install --save-dev sass-loader
     
    // webpack.config.js
     module:{rules:[{test:/.(css|scss)$/,use:["style-loader","css-loader","sass-loader"]}]
     }
     

    标签:

    素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。