javascript - grunt postcss“未找到”

Question

Grunt 新手，试图让 Gruntfile 为 wordpress 项目运行。我的根目录中有一个 package.json 和 Gruntfile.js。我想添加 grunt-postcss，但是当我按照说明操作时，我不断收到“警告：找不到任务“grunt-postcss”。” 我可能错误地设置了 Grunt，因为无论我运行什么，我都找不到任务。这是我的 Gruntfile 内容：

module.exports = function(grunt) {

  grunt.initConfig({
    postcss: {
      options: {
        map: true, // inline sourcemaps
        processors: [
          require('pixrem')(), // add fallbacks for rem units
          require('autoprefixer')({browsers: 'last 2 versions'}), // add vendor prefixes
          require('cssnano')() // minify the result
        ]
      },
      dist: {
        src: 'css/*.css'
      }
    }
  });
  grunt.loadNpmTasks('grunt-postcss');

  grunt.registerTask('default', ['grunt-postcss']);
};

Answer 1

确保你已经安装了 grunt-postcss 模块。

npm install grunt-postcss --save-dev

Answer 2

1. 确保您已安装 postcss。 npm install grunt-postcss

2. 在你的 shell 中执行以下命令（如果你正在使用，请确保在 virtualenv 中）：

export PATH="/PATH_TO_YOUR_NODE_MODULES_DIRECTORY/.bin:$PATH"

上面的命令所做的是，它更新您的 PATH 变量并告诉它在查找命令时还要检查上面的目录。

Answer 3

我觉得你应该改变

grunt.registerTask('default', ['grunt-postcss']);

至

grunt.registerTask('default', ['postcss']);