在visual studio中開發（.sass）2017

我剛剛開始使用VS 2017，我通常編寫.sass，但事實證明VS只識別.scss文件，是否有一種方法可以讓VS識別.sass文件？在visual studio中開發（.sass）2017

來源

2017-04-02 moamenezzat

有（無）擴展可用於Visual Studio 2017年

其中之一就是網頁編譯：https://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebCompiler

您可以安裝它的Visual Studio IDE

Visual Studio的菜單選項裏面獲得延伸：

安裝：

更新1：支持編譯「.sass」擴展

網絡編譯器不支持舊的「.sass」格式。編譯「.sass」，你必須使用一口，薩斯

下面是具體的步驟如何設置：

啓用NPM（添加的package.json）

添加吞文件

修改的package.json安裝吞-SASS

{ 
    "version": "1.0.0", 
    "name": "asp.net", 
    "private": true, 
    "devDependencies": { 
    "gulp": "^3.9.1", 
    "gulp-concat": "^2.6.1", 
    "gulp-cssmin": "^0.1.7", 
    "gulp-uglify": "^2.1.2", 
    "rimraf": "^2.6.1", 
    "gulp-sass": "^3.1.0" 
    } 
}

添加SASS任務

var sass = require("gulp-sass"); 
var paths = { 
    webroot: "./wwwroot/" /*Set this to your path accordingly*/ 
} 
paths.scss = paths.webroot + "css/**/*.sass"; /*watches sub folders inside wwwroot/css/ */ 
gulp.task('sass', function() { 
    gulp.src(paths.scss) 
     .pipe(sass()) 
     .pipe(gulp.dest(paths.webroot + "css")); 
}); 
gulp.task('watch-sass', function() { 
    gulp.watch(paths.scss, ['sass']); 
})

設置SASS任務並運行它