/vue-precompiler-for-apache-weex

vue-precompiler-for-apache-weex is a third party plugin, and is not developed nor maintained by Apache Weex.

Primary LanguageJavaScriptMIT LicenseMIT

weex-vue-precompiler

build pkg down Package Quality

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('postcss-plugin-weex')(),
    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 }. (NOTICE: We shouldn't change the value of rootValue here. If you want to change the viewport width, you better use <meta name="weex-viewport" content="..."> in your html entry file.)
  • aliweex: boolean. default is false. Tell whether aliweex components are included in your project.

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.