/vue-webpack

Simple Vue.js config for webpack

Primary LanguageJavaScript

Vue.js Webpack template

Useful for WordPress or any custom site when a full SPA is not feasable.

Getting started

Run npm install:

$ npm i

Development

$ npm run dev

Production build

$ npm run build

Files are build in public/build.

Project structure example for WordPress

    .
    ├── index.php
    ├── ...
    ├── public/
    │   ├── build/
    │   │   └── ...
    │   ├── static/
    │   │   └── ...
    │   └── ...
    └── src/
        ├── assets/
        │   └── ...
        ├── style/
        │   └── ...
        └── app/
            ├── api/
            │   └── ...
            ├── components/
            │   ├── appNavbar.vue
            │   ├── AppMenu.vue
            │   ├── MenuIcon.vue
            │   └── ...
            ├── mixins/
            │   └── ...
            ├── layouts/
            │   ├── Home.js
            │   ├── Auth/                   # Domain specific routing example
            │   │   ├── index.js
            │   │   ├── routes.js
            │   │   ├── Login.vue
            │   │   ├── Register.vue
            │   │   └── ...
            │   ├── Product/                # Grouped layouts with scoped components
            │   │   ├── components/
            │   │   │   └── ...
            │   │   ├── ProductServices.js
            │   │   ├── ProductPricing.js
            │   │   └── ...
            │   └── ...
            ├── plugins/
            │   └── ...
            ├── store/
            │   └── ...
            ├── utils/
            │   └── ...
            ├── const.js
            └── index.js