visual-studio - 在Visual Studio 2017中开发(.sass)

我才刚刚开始使用VS 2017，我通常会编写.sass，但事实证明VS只识别.scss文件，有没有办法让VS识别.sass文件呢？

最佳答案

有(免费)扩展可用于Visual Studio 2017

其中之一是Web编译器:https://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebCompiler

您可以在Visual Studio IDE中安装它

用于扩展的Visual Studio菜单选项:

安装:

更新1:支持编译“.sass”扩展名

Web编译器不支持旧的“.sass”格式。
要编译“.sass”，您必须使用gulp-sass

以下是如何设置程序:

启用npm(add package.json)

添加gulp文件

修改package.json以安装gulp-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-task并运行