我努力想:
1.将供应商前缀添加到SCSS
1.编译为CSS
1.缩小
使用此大口代码:
const {src,dest} = require('gulp');
const sass = require('gulp-sass')(require('sass'));
const autoprefixer = require('autoprefixer');
const sourcemaps= require('gulp-sourcemaps');
const postcss = require('gulp-postcss')
const postcssScss = require('postcss-scss')
function genCSS() {
return src(tpath.src.scss)
.pipe(sourcemaps.init()) //line in css, maps to source (file & line).
.pipe(postcss({plugins:[autoprefixer()], syntax:require('postcss-scss')}))
.pipe(sass.sync({outputStyle:'compressed'}).on('error', sass.logError))
.pipe(sourcemaps.write())
.pipe(dest(tpath.dest.scss)) //single index.css file
};
exports.genCSS=genCSS
但这是postCSS记录的内容,而且确实如此:
您没有设置任何插件、解析器或字符串化器。现在,PostCSS不执行任何操作。请在https://www.postcss.parts/上为您的案例选择插件,并在postcss.config.js中使用它们。
在链接的页面上:https://www.postcss.parts/,有Sass插件,但这不是一个编译器,所以我很困惑。
什么是错误,如何解决?
1条答案
按热度按时间qyzbxkaa1#
这是
应为:
一些细节:
postcss({...})
中删除选项您可以添加cssnano并删除
outputStyle:compressed
,但这会比较慢(加载额外的包)。