ui-vue-core v1.5.0
ui-vue-core
This library includes the core libraries for the evan.network ui development using vue js. Within the dapps folder, you will find the evancore.vue.libs dapp, that includes evan specific vue implementations and is published under @evan.network/ui-vue-core.
All other dapps are constructed simply, to exclude the wanted library and map the correct original package name. E.g.: The vue-material library is published using the ens address material.vue.libs.evan. Within the DBCP of the using DApp, this lib is referenced within the dbcp.json as dependency. Within the application it self, vue-material can be imported normally using import VueMaterial from 'vue-material'. Within the webpack configuration, the vue-material import can be exported, to reduce the bundle size.
Available libraries:
| original | ens address |
|---|---|
| axios | axios.vue.libs.evan |
| evancore.vue.libs | evancore.vue.libs.evan |
| vuex-i18n | i18n.vuex.libs.evan |
| vue2-leaflet | leaflet.vue.libs.evan |
| vue-moment | moment.vue.libs.evan |
| vue-recaptcha | recaptcha.vue.libs.evan |
| vue-router | router.vue.libs.evan |
| vue | vue.libs.evan |
| vuex | vuex.libs.evan |
Install
- use
yarn installornpm install
UI Development
- build and serve the local dapp serve
- starts an local server at http://localhost:3000/dev.html
npm run serve- build all dapps
npm run dapps-build- serve for file change tracking
npm run dapps-serve- VueJS is optimized using the a production build, that is not only build by minification. Append the
--prodconfiguration to achive this:npm run dapps-build --prodornpm run dapps-serve --prod.
Deployment
Have a look at the deployment description.