使用小程序框架vant-weapp 将vant的px转成rpx
1、执行命令 安装 npm install gulp gulp-postcss postcss-px2units --save-dev。3、在package.json文件中的script中加一行”build“:”gulp css“,如果没有script,则自行添加如下。2、在根目录新建gulpfile.js文件,输入内容。4、命令行执行 npm run build。
1、执行命令 安装 npm install gulp gulp-postcss postcss-px2units --save-dev
2、在根目录新建gulpfile.js文件,输入内容
var gulp = require('gulp');
var postcss = require('gulp-postcss');
var pxtounits = require('postcss-px2units');
gulp.task('css', function () {
return gulp.src(['miniprogram_npm/@vant/weapp/**/*.wxss'])
.pipe(postcss([pxtounits({
multiple: 2,
targetUnits: 'rpx'
})]))
.pipe(gulp.dest('miniprogram_npm/@vant/weapp/'));
});
3、在package.json文件中的script中加一行”build“:”gulp css“,如果没有script,则自行添加如下
"scripts": {
"build": "gulp css"
},
4、命令行执行 npm run build
更多推荐
所有评论(0)