如何将设置传递到gulp中的PostSS模块,尤其是uncss?
我无法将设置传递给uncss模块,以防我想在gulp脚本中调用它 以下是我的吞咽任务:如何将设置传递到gulp中的PostSS模块,尤其是uncss?,gulp,postcss,uncss,Gulp,Postcss,Uncss,我无法将设置传递给uncss模块,以防我想在gulp脚本中调用它 以下是我的吞咽任务: var gulp = require('gulp'); var postcss = require('gulp-postcss'); var cssvars = require('postcss-simple-vars'); var nested = require('postcss-nested'); var cssImport = require('postcss-import'); var mixins
var gulp = require('gulp');
var postcss = require('gulp-postcss');
var cssvars = require('postcss-simple-vars');
var nested = require('postcss-nested');
var cssImport = require('postcss-import');
var mixins = require('postcss-mixins');
var uncss = require('postcss-uncss');
var autoprefixer = require('autoprefixer');
var autoprefixeroptions = {
"browsers": [
"last 3 version",
"> 1%"
]
}
var uncssoptions = {
html: ['dest/index.html'],
ignore: ['.text-right', '.text-left', '.affix', '.navbar-default.affix',
/\w\.in/,
'.fade',
'.collapse',
'.collapsing',
/(#|\.)navbar(\-[a-zA-Z]+)?/,
/(#|\.)dropdown(\-[a-zA-Z]+)?/,
/(#|\.)(open)/,
'.modal',
'.modal.fade.in',
'.modal-dialog',
'.modal-document',
'.modal-scrollbar-measure',
'.modal-backdrop.fade',
'.modal-backdrop.in',
'.modal.fade.modal-dialog',
'.modal.in.modal-dialog',
'.modal-open',
'.in',
'.modal-backdrop'
]
};
gulp.task('styles', function() {
var plugins = [
cssImport,
mixins,
cssvars,
nested,
uncss(uncssoptions),
autoprefixer(autoprefixeroptions)
];
return gulp.src('./src/css/*.css')
.pipe(postcss(plugins))
.pipe(gulp.dest('./dest/css'));
})
当我尝试此操作时,我在运行时(当我更改css文件中的某些内容时)会收到以下错误消息:
[Browsersync] Serving files from: dest
[12:20:39] Starting 'styles'...
[12:20:39] 'styles' errored after 295 μs
[12:20:39] TypeError: uncss is not a function
at Gulp.<anonymous> (C:\Projects\test\gulp\tasks\styles.js:50:3)
at module.exports (C:\Projects\test\node_modules\orchestrator\lib\runTask.js:34:7)
at Gulp.Orchestrator._runTask (C:\Projects\test\node_modules\orchestrator\index.js:273:3)
at Gulp.Orchestrator._runStep (C:\Projects\test\node_modules\orchestrator\index.js:214:10)
at Gulp.Orchestrator.start (C:\Projects\test\node_modules\orchestrator\index.js:134:8)
at C:\Projects\test\gulp\tasks\watch.js:19:10
at write (C:\Projects\test\node_modules\gulp-watch\index.js:147:3)
at C:\Projects\test\node_modules\gulp-watch\index.js:130:5
[Browsersync]从以下位置提供文件服务:dest
[12:20:39]开始“风格”。。。
[12:20:39]“样式”在295μs后出错
[12:20:39]类型错误:uncss不是一个函数
狼吞虎咽。(C:\Projects\test\gulp\tasks\styles.js:50:3)
在module.exports(C:\Projects\test\node\u modules\orchestrator\lib\runTask.js:34:7)
位于Gulp.Orchestrator.\u runTask(C:\Projects\test\node\u modules\Orchestrator\index.js:273:3)
在Gulp.Orchestrator.\u runStep(C:\Projects\test\node\u modules\Orchestrator\index.js:214:10)
在Gulp.Orchestrator.start(C:\Projects\test\node\u modules\Orchestrator\index.js:134:8)
在C:\Projects\test\gulp\tasks\watch.js:19:10
写入时(C:\Projects\test\node\u modules\gulp watch\index.js:147:3)
在C:\Projects\test\node\u modules\gulp watch\index.js:130:5
那么,当我将其称为POSTSS模块时,如何在一个gulp文件中设置UNCS呢
多谢各位
Kai好的,我自己解决了。我忘了在package.json文件中使用uncss以及POSTSSS uncss。现在它起作用了 我希望你喜欢这一贡献。在我所有的谷歌搜索中,我都无法在网上找到这个答案
顺便说一句,这个示例展示了如何在引导上使用UNCS。您能告诉我您在package.json中传递了什么信息才能工作吗?你能把样品贴在这里吗???谢谢