GruntJS拒绝工作.未找到任务默认值或所有其他任务



我正在尝试在本地计算机上设置 gruntJS。这些是我已经完成的步骤:

  1. 安装节点简斯
  2. 使用命令在项目的根文件夹中下载gruntJS:
    • npm install -g grunt-cli
  3. 在项目的根文件夹中也下载咕噜声:
    • 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

最新更新