2

私のLESSファイルは、次の構成でgrunt-contrib-lessおよび対応するgruntタスクでコンパイルされています。 

module.exports = {

    options: {
        sourceMap: true,
        sourceMapFilename: 'Content/styles/e-life.css.map'
    },
    compile: {
        files: {
            'Content/styles/e-life.css' : 'Content/styles/common.less'
        }
    }

}

次に、出力cssファイルのcssminで処理しました。縮小しますが、縮小された css の前のステップからソース マップをバインドしたいと考えています。

module.exports = {

    options: {
        sourceMap: 'Content/styles/e-life.css.map'
    },
    all: {
        files: {
            'Content/styles/e-life.css': ['Content/styles/e-life.css']
        }
    }

}

options.sourceMap でソース マップ パスを指定すると、タスクは失敗します。css-clean docsに次のように表示されます。

sourceMap - sourceMap プロパティでソース マップを公開します。たとえば、new CleanCSS().minify(source).sourceMap (デフォルトは false) 入力スタイルが CSS プリプロセッサ (Less、Sass) の製品である場合、入力ソース マップを文字列として渡すことができます。 .

しかし、この文字列をタスクに渡す方法がわかりません。それは可能ですか？これどうやってするの？

4

2 に答える 2

1

また、Grunt cssmin タスクを回避し、Less compression withcompressオプションを使用することもできます。

module.exports = {

    options: {
        compress: true,
        sourceMap: true,
        sourceMapFilename: 'Content/styles/e-life.css.map'
    },
    compile: {
        files: {
            'Content/styles/e-life.css' : 'Content/styles/common.less'
        }
    }
}

https://github.com/gruntjs/grunt-contrib-less#compress

于 2015-06-17T13:43:24.513 に答える