首页 > 解决方案 > 有没有办法在不编译成 CSS 的情况下为 LESS 文件添加前缀?

问题描述

我尝试了 autoprefixerless-plugin-autoprefix,但似乎它们都在转换为 CSS 后添加了前缀

标签: webpacklessautoprefixer

解决方案


我最终使用postcss-lessautoprefixer

const gulp = require('gulp');
const postcss = require('gulp-postcss');
const syntax = require('postcss-less');
const autoprefixer = require('autoprefixer');

gulp.task('default', () =>
  gulp.src('less/*.less')
  .pipe(postcss([
    autoprefixer({ browsers: ['last 2 versions'] })
  ], { syntax }))
  .pipe(gulp.dest('build/less'))
);

推荐阅读