2017-04-02 10 views

Antwort

11

Es gibt (kostenlos) Erweiterungen für Visual Studio 2017

Einer von ihnen ist Web Compiler: https://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebCompiler

Sie können es innerhalb von Visual Studio IDE installieren

Visual Studio Menüoption bekommen Verlängerung:

enter image description here

Install:

enter image description here

Update 1: Support ".sass" Erweiterung zu kompilieren

Web-Compiler nicht alt ".sass" -Format unterstützt. Zum Kompilieren ".sass" Sie schluck-Sass

Im Folgenden verwenden müssen, ist das Verfahren zum Einrichten:

  1. npm aktivieren (add package.json)

Add package.json

  1. Add schluck Datei

Add Gulp file

  1. Ändern package.json schluck-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" 
    } 
} 
  1. hinzufügen SASS installieren Aufgabe
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']); 
}) 
  1. Setup-Sass-Aufgabe und führen Sie es

sass-task

  1. Ihre hinzufügen.sass in der Uhr-Ordner-Datei

.sass file

  1. Jedes Mal, wenn Sie Ihre .sass Datei CSS-Datei

erstellt wird ändern output enter image description here

+0

Dies kompiliert nicht .sass-Dateien es entspricht nur .scss-Dateien – moamenezzat

+0

@ smarty21000 Die Antwort auf Unterstützung .sass aktualisiert, hoffe, dass dies das Problem löst? :) –

+0

Vielen Dank, das hat mir sehr geholfen. – moamenezzat