vue-spa-without-npm

KO | EN

gitlite — search

#javascript #hacktoberfest #react #android #machine-learning #rust #linux #docker #macos #cli #kubernetes #awesome-list #mcp #openai

vue-spa-without-npm

(★ 9)

This is boilerplate for develop vuejs project without npn, webpack

vue-spa-without-npm 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Vue SPA without NPM & Webpack
This is simple boilerplate for develop vuejs projects without NPM & Webpack.

## Usage
``` bash
$ git clone https://github.com/fachryansyah/vue-spa-without-npm.git
```

## Customize
### Adding 3rd Library
You can add 3rd libraries or plugin stored in [src/lib](https://github.com/fachryansyah/vue-spa-without-npm/tree/master/src/libhttp:// "src/lib"). and register your libraries to config.js
example using jQuery.
``` JavaScript
require.config({
    baseUrl: "src",
    paths: {
        // from libs
		jQuery: "lib/jquery.min"
    }
})
```

And register again in [main.js](https://github.com/fachryansyah/vue-spa-without-npm/blob/master/main.js) like this.
``` JavaScript
require(["config"], function() {
    require(["app", "Uikit", "UikitIcons", "jQuery"])
})
```

### Setting route
For setting route page you must register that page stored in [src/pages ](https://github.com/fachryansyah/vue-spa-without-npm/tree/master/src/pages)to [config.js](https://github.com/fachryansyah/vue-spa-without-npm/blob/master/src/config.js)
``` JavaScript
require.config({
    baseUrl: "src",
    paths: {
        ...
        // from pages
        HomePage: "pages/Home.vue",
        ArticlePage: "pages/Article.vue",
		...
    }
})
```
so you can use on [router.js](https://github.com/fachryansyah/vue-spa-without-npm/blob/master/src/router.js) like this.
``` JavaScript
define(function(require){
	...
// its your pages
    let HomePage = require("HomePage")
    let ArticlePage = require("ArticlePage")

// define your route pages here..
    const routes = [
        {
            path: "/",
            component: HomePage,
            name: "Home"
        },
        {
            path: "/article",
            component: ArticlePage,
            name: "Article"
        }
    ]
	...
})

```

vue-spa-without-npm

vue-spa-without-npm 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

vue-spa-without-npm

vue-spa-without-npm 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README