weex-vue-bundle-util

This tool is for weex-vue-render to bundle the components and modules which you have used in your projects. You can just use the export function to analyse the used built-in components and modules, which returns a promise with a object includes components and modules fields. You just packing up them with the render-core (weex-vue-render/dist/index.core.js) in your project's entry file. By doing this you can pack up your render in the minimum size without all the irrelative codes of components and mdoules you haven't used in your project.

how to use

just use the module as a function, pass in the webpack config and webpack it self, and run it before your compiling process. The function returns a promise:

const webpack = require('webpack')
const config = require('your-projects-webpack-config.js')
const scan = require('weex-vue-bundle-util')
scan(webpack, config)
  .then(function (res) {
    const { components, modules } = res
    packYourProjectWith(components, modules)
    // if you are using @ali/weex-vue-render, please pass a options with 'ali' set like the codes below.
    // scan(webpack, config, { ali: true })
  })

OPTIONS

• ali: Boolean. Optional. False by Default. If you use @ali/weex-vue-render, please add this and set to true.

• output: String. Optional. If you want to generate a import entry file for the plugins, just set a output path for this file. You should use a absolute path. The generated file is like this:

  import a from 'weex-vue-a'
  import animation from 'weex-vue-animation'
  export default [
    a,
    animation
  ]

• allowInstallPlugins: Boolean. Optional. False by default. If true, the dependend plugins will be auto installled, and only this be true the peerDependencies of the plugins could be analyzed and output to the result object.

• allowInstallPluginDependencies: Boolean. Optional. False by default. If true, the peerDependencies of the plugins (e.g: '@ali/lib-windvane' for 'windvane' API module) will be auto installed and be imported in the plugin entry file.

NOTES

This tool can only get the components used in the template which should be able to be processed in vue-loader. The components you use in render function will be ignored.

components and modules

Here is a list about components and modules you can pack into your project. The aliweex only built packages list should be found in gitlab repo of @ali/weex-vue-render.

components

| npm module name | component name | | --- | --- | | weex-vue-a | a | | weex-vue-input | input | | weex-vue-slider | slider / slider-neighbor | | weex-vue-switch | switch | | weex-vue-textarea | textarea | | weex-vue-video | video | | weex-vue-web | web |

modules

| npm module name | API module name | | --- | --- | | weex-vue-animation | animation | | weex-vue-clipboard | clipboard | | weex-vue-dom | dom | | weex-vue-event | event | | weex-vue-geolocation | geolocation | | weex-vue-global-event | globalEvent | | weex-vue-modal | modal | | weex-vue-nav | navigator | | weex-vue-storage | storage | | weex-vue-stream | stream | | weex-vue-websocket | websocket | | weex-vue-webview | webview |

Enjoy happy building!