weex-vue-precompiler

weex-vue-precompiler

weex-vue-precompiler is a node transformer plugin for vue-loader. The main purpose is to precompile nodes for weex-vue-render to reduce performance consumption in render's runtime.

Use this precompiler can save you a lot of render time for weex running on web using weex-vue-render.

How To Use

In you vue-loader config, you can use it like this:

// require and init.
const precompile = require('weex-vue-precompiler')(/*optional config*/)

// in vue config:
{
  optimizeSSR: false,
  postcss: [require('autoprefixer')({
    browsers: ['> 0.1%', 'ios >= 8', 'not ie < 12']
  }), require('postcss-plugin-px2rem')({ rootValue: 75 })],
  compilerModules: [
    {
      postTransformNode: el => precompile(el)
    }
  ],
}

config

• autoprefixer: options for autoprefixer. default is { browsers: ['> 0.1%', 'ios >= 8', 'not ie < 12'] }.
• px2rem: options for postcss-plugin-px2rem. default is: { rootValue: 75 }.

feature

NOTE: This plugin should only work with weex-vue-render-next in pair, which is > 0.12.xx. The version before 0.13 is not compatible.

• support inline style autoprefix and px2rem converting.
• support tag name converting.
• support style normalization for weex-el, weex-ct, etc.
• add events to element attributes.