首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >grunt-autoprefixer和grunt-postcss不工作

grunt-autoprefixer和grunt-postcss不工作
EN

Stack Overflow用户
提问于 2015-03-21 02:51:25
回答 2查看 2.9K关注 0票数 0

我尝试过grunt-autoprefixergrunt-postcss这两个插件,但都没有添加前缀。我尝试了一些caniuse.com说需要前缀的东西(光标: grab)。

下面是我的自动修复任务:

代码语言:javascript
运行
复制
   autoprefixer: {
        dev: {
            no_dest: {
                src: 'dev/styles.css'
            }
        },
        live: {
            no_dest: {
                src: 'live/styles.css'
            }
        }
    }

这是我的postcss任务:

代码语言:javascript
运行
复制
   postcss: {
        dev: {
            options: {
                processors: [
                    require('autoprefixer-core')({browsers: 'last 1 version'}).postcss
                ]
            },
            dist: {
                src: 'dev/styles.css'
            }
        }
    }
EN

回答 2

Stack Overflow用户

发布于 2015-04-11 13:41:05

你可以尝试一下下面的grunt包吗?

和下面的代码片段

代码语言:javascript
运行
复制
postcss: {
  options: {
    processors: [
      require('autoprefixer-core')({browsers: 'last 1 version'}).postcss
    ]
  },
  single_file: {
    src: 'src/main.css',
    dest: 'css/main.css'
  },
  multiple_files: [{
    expand: true,
    flatten: true,
    src: 'src/css/*.css', // -> src/css/file1.css, src/css/file2.css
    dest: 'dest/css/' // -> dest/css/file1.css, dest/css/file2.css
  }]
}
票数 1
EN

Stack Overflow用户

发布于 2015-03-21 17:35:11

documentation中,配置有所不同,请尝试一下:

代码语言:javascript
运行
复制
postcss: {
    options: {
        processors: [
            require('autoprefixer-core')({browsers: 'last 1 version'}).postcss
        ]
    },
    dist: {
        src: 'dev/styles.css'
    }
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29173842

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档