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 install
ornpm 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
--prod
configuration to achive this:npm run dapps-build --prod
ornpm run dapps-serve --prod
.
Deployment
Have a look at the deployment description.