gruntjs - 警告:[object Object] 不是 PostCSS 插件。带有自动前缀的 GruntJS
问题描述
我正在尝试将 PostCSS 插件 autoprefixer 与 grunt 一起使用。我浏览了许多相关的文章和 Stackoverflow 答案,但我仍然收到“警告:[object Object] 不是 PostCSS 插件使用 --force 继续”。
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
sass: {
dist: {
files: {
'css/style.css' : 'scss/style.scss'
}
}
},
watch: {
css: {
files: '**/*.scss',
tasks: ['sass']
}
},
postcss: {
options: {
map: true,
processors: [
require('autoprefixer')()
]
},
dist: {
src: 'css/*.css'
}
}
});
grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-postcss');
grunt.registerTask('dev',['sass','watch']);
grunt.registerTask('build',['sass', 'postcss']);
}
package.json
"devDependencies": {
"grunt": "^1.4.0",
"grunt-contrib-sass": "^2.0.0",
"grunt-contrib-watch": "^1.1.0",
"grunt-postcss": "^0.9.0",
"postcss": "^8.3.0",
"autoprefixer": "^10.2.6"
}
I am a newbie so please help.
解决方案
尚不确定根本原因是什么,但将 autoprefixer 降级到版本 9 可以解决问题
package.json
"devDependencies": {
"grunt": "^1.4.0",
"grunt-contrib-sass": "^2.0.0",
"grunt-contrib-watch": "^1.1.0",
"grunt-postcss": "^0.9.0",
"postcss": "^8.3.0",
"autoprefixer": "^9.8.6"
}
推荐阅读
- php - 如何将 PHP 与 MDBootstrap (Pro) 和 Gulp 4 一起使用?
- python - 给定高度和值,递归生成三角形格式的列表列表
- cqrs - 事件溯源。与子列表或 ParentID 聚合?
- mysql - 如何跳过 autoIncrement 列以使用 JDBC Google Apps 脚本在 mySQL db 上写入数据
- python - 如何使用 Python 将单独的 PDF 附加到联系人列表电子邮件地址?
- python-3.x - 如何在 panda 列中搜索前缀,如果找到,则在新列中返回该前缀+接下来的 11 个字符?
- schema.org - JSON 中的 Schema.org isConsumableFor 属性
- python - 如何使用 on_message 禁止作者?
- python - 如何生成包含从 C 对象中选择的 N 个元素的详尽序列列表?
- php - PHP插入,看不到值