1. 程式人生 > >sass環境搭建之node-sass,ruby

sass環境搭建之node-sass,ruby

bubuko image 系列教程 spa npm 分享 .com info dex

該內容全部為搬運,感謝作者的分享~,附有原文鏈接。

使用ruby環境

SASS學習系列之(一)--------- SASS,SCSS環境搭建(Ruby)

技術分享圖片

使用node-sass

SASS學習系列之(二)--------- SASS,SCSS環境搭建(node-sass)

通過命令編譯:

npm run sass input.scss output.css

技術分享圖片

sass-loader

在webpack打包裏面,sass-loader作用是輔助webpack將符合條件的源文件轉換為對應的目標格式文件。比如index.scss轉換成index.css。sass-loader依賴於node-sass 。

請看系列教程:

webpack+sass+vue 入門教程(一)

自動編譯

ASS學習系列之三--------- node-sass 自動編譯scss 文件

sass環境搭建之node-sass,ruby