css预处理器语言在开发过程中使用很方便。
当在开发小程序的过程中,如果我们使用mpvue或者wepy这些框架,是可以使用css预处理器语言的,但是开发原生小程序时,由于原生小程序不支持css预处理器语言,我们想使用它。该怎么办?
方法:
使用gulp监听小程序目录下所有的scss文件,使用gulp-sass编译成css文件,然后利用gulp-rename重命名css为wxss,保存到sass所在目录下,这样编译后的wxss文件就与对应的js、json文件在同一个目录了。
gulp学习网站:https://github.com/baixing/FE-Blog/issues/7
1、
全局安装gulp: npm install -g gulp
或者在当前项目中安装gulp: npm install gulp --save-dev
项目中需要的gulp的相关依赖
2、在项目的根目录下配置gulpfile.js
const gulp = require(‘gulp’)
const del = require(‘del’)
const uglify = require(‘gulp-uglify’)
const rename = require(‘gulp-rename’)
const cssmin = require(‘gulp-minify-css’)
const concat = require(‘gulp-concat’);
const autoprefixer = require(‘gulp-autoprefixer’)
co