gulp处理css

如果需要单独处理css，而不是编译成js加载，可以考虑用gulp。比如常见的前缀问题等。
1、安装gulp

npm install --global gulp-cli
npx mkdirp task
cd task
npm init
npm install --save-dev gulp
touch gulpfile.js

2、安装相关插件

npm install --save-dev gulp-autoprefixer

gulpfile.js:

const gulp = require('gulp');
const autoprefixer = require('gulp-autoprefixer');
gulp.task('default',function(){
    return gulp.src('./style.css')
    .pipe(autoprefixer({overrideBrowserslist: ['ie >= 9', 'Chrome >= 21', 'Firefox >= 1', 'Edge >= 13', 'last 3 versions'],cascade:true,remove:true}))        
    .pipe(gulp.dest('./dist'));
});

如果考虑兼容移动端：

overrideBrowserslist: ['> 1%', 'Firefox >= 10', 'ie >= 9', 'iOS >= 4', 'Chrome >= 10'],

3、运行gulp

gulp