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

 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐