在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任务并运行它