如何在保存Visual Studio 2015时编译.sass文件 [英] How to compile .sass files on save in Visual Studio 2015

问题描述

如何在Visual Studio 2015中获得完整的sass（即scss）预编译器环境并运行？这是

现在，每次保存scss的CSS将编译和更改sass文件。

How can one get a full sass (i.e. scss) precompiler environment up and running in Visual Studio 2015? This is a sibling question to this one concerning less.

解决方案

If using Gulp + Visual Studio 2015

1. First install gulp-sass this is the package.json file

{
      "name": "ASP.NET",
      "version": "0.0.0",
      "devDependencies": {
        "gulp": "3.8.11",
        "gulp-concat": "2.5.2",
        "gulp-cssmin": "0.1.7",
        "gulp-uglify": "1.2.0",
        "rimraf": "2.2.8",
        "gulp-sass": "2.2.0"
      }

2. On the gulpfile.js

   var sass = require("gulp-sass");
   var paths = {
     webroot: "./wwwroot/"
   }
   paths.scss = paths.webroot + "css/**/*.scss";
   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']);
   })

3. Now open the "Task Runner Explorer" and double click on the task: "watch-sass"

Now every time you save the scss the css will compile and change sass file.

这篇关于如何在保存Visual Studio 2015时编译.sass文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！