node.js、grunt、および RECESS を使用して、*.less ファイルを *.css ファイルにコンパイルします。
それは私の Gruntfile.js ファイルです
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
recess: {
dist: {
options: {
compile: true
},
files: {
'css/style.css': 'less/style.less'
}
}
},
watch: {
recess: {
files: ['less/*.less'],
tasks: ['recess'],
options: {
spawn: false,
},
}
}
});
grunt.loadNpmTasks('grunt-recess');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.registerTask('default', ['recess', 'watch']);
};
しかし、出力 *.css ファイルのプロパティの順序を次のように変更する必要があります
.class {
margin: 0;
padding: 0;
width: auto;
min-width: 0;
max-width: 0;
height: auto;
min-height: 0;
max-height: 0;
display: block;
visibility: hidden;
overflow: hidden;
float: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: left;
text-decoration: none;
text-indent: 1;
text-transform: uppercase;
letter-spacing: 1;
vertical-align: top;
line-height: 1;
white-space: normal;
word-spacing: normal;
font: 1em sans-serif;
font-family: Arial, sans-serif;
font-size: 1em;
font-weight: normal;
font-style: normal;
font-variant: normal;
opacity: 1;
color: red;
border: 1px solid red;
background: #fff url(../i/bg.png) no-repeat 0 0;
z-index: 0
cursor: default;
}
strict-property-order.js
https://github.com/twitter/recess/blob/master/lib/lint/strict-property-order.js#L36を見つけたので、役立つと思いますが、方法がわかりませんこれを使って?