我正在尝试在本地计算机上设置 gruntJS。这些是我已经完成的步骤:
- 安装节点简斯
- 使用命令在项目的根文件夹中下载gruntJS:
-
npm install -g grunt-cli
-
- 在项目的根文件夹中也下载咕噜声:
-
npm install grunt
-
另外,我创建了Gruntfile.js
,这是它的内容:
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
min: {
css: {
src: 'templates/folder1/css/*.css',
dest: 'app.min.css'
}
},
});
};
我预计这将如何工作并最小化所有 css 文件并将其移动到根目录(因为目标指定为 root)。
我需要说一下我是如何遵循本教程的:
https://www.youtube.com/watch?v=q3Sqljpr-Vc
我真的不知道我做错了什么。
这是我如何称呼咕噜声和错误(最好说警告消息),我得到:
C:wampwwwmyProject>grunt min
Warning: Task "min" not found. Use --force to continue.
Aborted due to warnings.
您需要安装一些任务才能使用。从您的示例中,我猜您正在尝试缩小一些 CSS?
为此,我将使用grunt-contrib-cssmin
任务。 要使用首次安装,请使用
npm install grunt-contrib-cssmin
您还需要像这样在 gruntfile 的底部注册任务grunt.loadNpmTasks('grunt-contrib-cssmin')
.
那么你的咕噜咕噜文件将看起来像这样
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
cssmin: {
minify: {
src: ['templates/folder1/css/*.css'],
dest: 'app.min.css'
}
}
});
grunt.loadNpmTasks('grunt-contrib-cssmin');
grunt.registerTask('min' ['cssmin']);
};
有关更多信息,我建议您阅读文档并熟悉 http://gruntjs.com/sample-gruntfile