gulp-wxapp-components

Install

# yarn
yarn add gulp-wxapp-components
# may need `sudo`

Usage

in gulpfile.js

const components = require('gulp-wxapp-components');

return gulp.src(miniprogramRoot + '**/*.wxml')
    .pipe(components({
      transformers: [
        {
          prefix: 'van-',
          getComponentPath: (componentName) => {
            return `@vant/weapp/${componentName}/index`
          }
        },
        {
          prefix: 'self-',
          getComponentPath: (componentName) => {
            return `../../components/${componentName}/index`
          }
        },
        {
          prefix: 'home-',
          getComponentPath: (componentName) => {
            return `./components/${componentName}/index`
          }
        }
      ]
    }))
    .pipe(gulp.dest(destPath))

Example

The following is the original file content .wxml file:

<van-button>Button</van-button>

.json file:

{
  ...
  usingComponents: {}
}

When use this task, the json file will auto be changed to

{
  usingComponents: {
    "van-button": "@vant/weapp/button/index"
  }
}