Gruntjs 如何设置grunt postCSS选项?
使用以下代码在我的GrunFile中设置PostCs,主要是为了方便地处理自动刷新和缩小Gruntjs 如何设置grunt postCSS选项?,gruntjs,postcss,Gruntjs,Postcss,使用以下代码在我的GrunFile中设置PostCs,主要是为了方便地处理自动刷新和缩小 postcss: { options: { map: false, // inline sourcemaps processors: [ require('autoprefixer-core')({ browsers: ['last 10 versions', 'ie 9'], remove: false, map: true,
postcss: {
options: {
map: false, // inline sourcemaps
processors: [
require('autoprefixer-core')({
browsers: ['last 10 versions', 'ie 9'],
remove: false,
map: true,
}), // add vendor prefixes
require('cssnano')() // minify the result
]
},
style: {
src: '<%= dirs.sassBuild %>/style.css',
dest: '<%= dirs.publicCss %>/style.min.css'
},
admin: {
src: '<%= dirs.sassBuild %>/admin.css',
dest: '<%= dirs.publicCss %>/admin.min.css'
}
邮政编码:{
选项:{
map:false,//内联源映射
处理器:[
需要('autoprefixer-core')({
浏览器:[“最近10个版本”,“ie 9”],
删除:false,
地图:没错,
}),//添加供应商前缀
require('cssnano')()//缩小结果
]
},
风格:{
src:“/style.css”,
dest:“/style.min.css”
},
管理员:{
src:'/admin.css',
dest:“/admin.min.css”
}
},
令我恐惧的是,我发现它破坏了我的RGBA值,使它们成为HSLA,将我精心制作的REM单位转换为pc,调整我的z索引,天知道还有什么
我知道这些都是PostSS的“功能”,我不想要这些
看了一些文档后,我并不清楚a)我可以禁用这种行为,或者b)如何使用grunt
是否有可能收回对这些功能的控制权?可以在以下位置找到CSSnano的优化: 通过将
选项设置为false
,可以禁用某些优化。例如,要禁用postcss calc:
require('cssnano')({calc: false}) // minify the result
您还写道,您的rem
值被转换为px
值,据我所知,autoprefixer和cssnano均未执行此转换
我发现它破坏了我的RGBA值,使它们成为HSLA
解决这个问题
cssnano({ colormin: false })