Gruntjs 首次在grunt中使用AutoRefixer

Gruntjs 首次在grunt中使用AutoRefixer,gruntjs,Gruntjs,我已经安装了当前版本的npm,一切似乎都正常: 自动刷新器可以正常加载: 我在本地项目文件夹中创建了一个文件“Grunfile.js”: 我在Windows8.1上运行这个 从这里到哪里?我如何让grunt检查文件?如何从命令行调用该函数?还是从命令行调用该函数?在您的目录中,您需要有两个文件,package.json和grunfile.js。要创建package.json文件,请运行命令npm init 接下来,您需要将grunt autoprefixer任务添加到package.json文件

我已经安装了当前版本的npm,一切似乎都正常:

自动刷新器可以正常加载:

我在本地项目文件夹中创建了一个文件“Grunfile.js”:

我在Windows8.1上运行这个


从这里到哪里?我如何让grunt检查文件?如何从命令行调用该函数?还是从命令行调用该函数?

在您的目录中,您需要有两个文件,package.json和grunfile.js。要创建package.json文件,请运行命令
npm init

接下来,您需要将grunt autoprefixer任务添加到package.json文件中,您可以通过运行
npm install grunt autoprefixer--save dev
来完成此任务

然后,在Gruntfile.js中,它应该如下所示:

module.exports = function(grunt) {

  grunt.initConfig({
    autoprefixer: {
      options: {
        // Task-specific options go here.
      },
      your_target: {
        // Target-specific file lists and/or options go here.
      },
    },
  });

  grunt.loadNpmTasks('grunt-autoprefixer');

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

};
有关编辑autoprefixer设置的更多详细信息,请查看文档:


要了解更多有关Grunt的信息,请查看

谢谢,我正在进行另一个项目,需要手动完成自动前缀(不要浪费时间),我将在周一尝试此解决方案。