Автопрефиксатор Visual Studio 2015

Я считаю, что автопрефиксатор Web Essentials недостаточно автоматический - мне нужно вручную произнести его, чтобы добавить префиксы. Также он не предлагает мне префиксы, когда я пишу .less или .scss.

Есть ли какое-либо расширение или опция для автоматического добавления префиксов при компиляции css из стадии .less или .scss?

Я пробовал расширение веб-компилятора, но оно не поддерживает префикс для sass и говорит, что оно поддерживает префикс для меньшего количества, но я попытался включить автопрефикс в compilerconfig.json при написании .less, и он ничего не добавил.

Есть что-нибудь для визуальной студии? Или, может быть, мне его сбросить и использовать какой-нибудь редактор + глоток?


visual-studio sass less autoprefixer
person Tristan Tzara    schedule 26.01.2016    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Я уверен, что там будет расширение, но создать файл Grunt / Gulp для компиляции за вас не составит большого труда. Затем Task Runner Explorer будет управлять запуском файла. Написание собственного даст вам контроль и гибкость, которых нет в расширении.

Вот пример использования Grunt, взятый из моего сообщения на тему Начало работы с Grunt, SASS и Task Runner Explorer

module.exports = function (grunt) {
    'use strict';

    grunt.loadNpmTasks('grunt-sass');
    grunt.loadNpmTasks('grunt-autoprefixer');
    grunt.loadNpmTasks('grunt-contrib-watch');

    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),

        // Sass
        sass: {
            options: {
                sourceMap: true, // Create source map
                outputStyle: 'compressed' // Minify output
            },
            dist: {
                files: [
                  {
                      expand: true, // Recursive
                      cwd: "sass", // The startup directory
                      src: ["**/*.scss"], // Source files
                      dest: "stylesheets", // Destination
                      ext: ".css" // File extension 
                  }
                ]
            }
        },

        // Autoprefixer
        autoprefixer: {
            options: {
                browsers: ['last 2 versions'],
                map: true // Update source map (creates one if it can't find an existing map)
            },

            // Prefix all files
            multiple_files: {
                src: 'stylesheets/**/*.css'
            }, 
        },

        // Watch
        watch: {
            css: {
                files: ['sass/**/*.scss'],
                tasks: ['sass', 'autoprefixer'],
                options: {
                    spawn: false
                }
            }
        }
    });

    grunt.registerTask('dev', ['watch']);
    grunt.registerTask('prod', ['sass', 'autoprefixer']);
};
person Colin Bacon    schedule 26.01.2016