我知道这似乎是一个巨大的进步,但我真的建议使用grunt.
这里有一个速成班:
- 安装NodeJS个
安装Grunt CLI(只需在控制台/终端中输入):
npm install -g grunt-cli
在项目的根目录中创建一个简单的package.json
文件:
{
"name": "my-project-name",
"version": "1.0.0",
"devDependencies": {
"grunt": "~0.4.2",
"grunt-contrib-uglify": "~0.2.4",
"grunt-contrib-watch" : "~0.5.3"
}
}
一旦你做到了,只需在控制台(在项目的根目录中)输入:npm install
即可.
现在在项目的根目录中创建一个简单的gruntfile.js
(它是项目的一种配置):
module.exports = function (grunt) {
grunt.initConfig({
// define source files and their destinations
uglify: {
files: {
src: 'js/*.js', // source files mask
dest: 'jsm/', // destination folder
expand: true, // allow dynamic building
flatten: true, // remove all unnecessary nesting
ext: '.min.js' // replace .js to .min.js
}
},
watch: {
js: { files: 'js/*.js', tasks: [ 'uglify' ] },
}
});
// load plugins
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-contrib-uglify');
// register at least this one task
grunt.registerTask('default', [ 'uglify' ]);
};
一旦完成,你只需要建造它.在控制台中键入:
grunt
或者-更好-如果您键入下面的执行命令-grunt将监视源文件的更改,如果您更改了其中任何一个,它将自动生成它们:
grunt watch --force
然后可以添加更多插件,比如:css缩小、css预处理器(less、sass、触控笔)、jshint等等.