A vue.js project with Latest Vue + Typescript + Lazy loading and code splitting
While mobile-first approach becomes a standard and uncertain network conditions are something we should always take into consideration, it’s harder and harder to keep your application loading fast. Hence Vue Boilerplates are built with vue.js performance optimization techniques that make them loading instantly and perform smooth 🚀.
Please consider becoming a donor. 🙏
The following features are delivered out of the box in this repo, you are just one click away from starting your Progressive Web application (PWA) with advanced features of Vue,
- Vue
- Vue router
- Vuex
- Vue Class Component
- Typescript
- PWA - service worker
- SASS
- babel
- Webpack bundling
- Prettier
- ESLint
- cypress
- jest
- gitignore
- VScode Workspace (optional)
Lazy loading and Code Splitting
With dynamic imports, all pages including their dependency libraries are exported as web chunks with custom name references for lazy loading 😎
Even Vue library was exported as a seperate web chunk 😍
# 1. Clone the repository.
git clone https://github.com/Vue-Boilerplates/vue-typescript-boilerplate.git my-new-project
# 2. Enter your newly-cloned folder.
cd my-new-project
## proceed with yarn
# 3. Install dependencies. Make sure yarn is installed: https://yarnpkg.com/lang/en/docs/install
yarn
# 4. Serve with hot reload at localhost:8080
yarn serve
# 5. Build for production with minification
yarn build## proceed with npm
# 3. Install dependencies. Make sure npm is installed: https://docs.npmjs.com/downloading-and-installing-node-js-and-npm
npm install
# 4. Serve with hot reload at localhost:8080
npm run serve
# 5. Build for production with minification
npm run build- More Boilerplates - Android and iOS Apps
- Detailed Documentation
- Practical Examples
Released under the MIT License
