![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4&size=40){kind=avatar}
Github pages deployment:
package.json
{
"homepage": "https://daggerok.github.io/vue-examples",
"scripts": {
"precommit": "npm run lint",
"predeploy": "yarn install; npm-run-all predeploy:*",
"predeploy:lint": "yarn lint",
"predeploy:clean": "rimraf -rf dist",
"predeploy:generate": "cross-env NODE_ENV=gh-pages nuxt generate",
"predeploy:fallback": "ncp ./dist/index.html ./dist/404.html",
"deploy": "gh-pages -d ./dist -b gh-pages -m \"Github Pages $(date +%Y-%m-%d) deployment\""
},
"devDependencies": {
"cross-env": "5.0.5",
"gh-pages": "1.0.0",
"ncp": "2.0.0",
"npm-run-all": "4.0.2",
"rimraf": "2.6.1"
}
}nuxt.config.js
const base = 'gh-pages' === process.env.NODE_ENV ? '/vue-examples/' : '/';
module.exports = {
router: {
base,
},
head: {
link: [
{ rel: 'icon', type: 'image/x-icon', href: base + 'favicon.ico' },
],
},
build: {
publicPath: '/static/',
},
};yarn dev
yarn lint
yarn build
yarn start
yarn genetrate
yarn predeploy
yarn deployauto generated part:
Nuxt.js server-side rendenring with Vue.js
# install dependencies
$ npm install # Or yarn install
# serve with hot reload at localhost:3000
$ npm run dev
# build for production and launch server
$ npm run build
$ npm start
# generate static project
$ npm run generateFor detailed explanation on how things work, checkout the Nuxt.js docs.