grunt を使用して、CSS ファイルを単純に連結および縮小しています (SASS を使用していません)。使用できるソース マップのようなものはありますか? 本番サイトを表示して、Chrome 開発ツールを使用して検査したいのですが、元の CSS ファイルを教えてもらいます。これが私のうなり声ファイルです:
'use strict';
module.exports = function (grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
clean: {
removeModuleCss: {
src:["App/**/module.css"]
}
},
cssmin: {
module: {
files: {
'App/styles/module.css': ['App/**/*.css']
}
}
},
concat: {
module: {
src: 'App/styles/**/*.css',
dest: 'App/styles/module.css'
}
}
});
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-cssmin');
grunt.loadNpmTasks('grunt-contrib-clean');
grunt.registerTask('css', ['clean', 'concat']);
grunt.registerTask('cssmin', ['clean', 'cssmin']);
};