nuxt.js 部署静态页面[dist]到gh-pages

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

一、

1、添加package.json

 {

   "name": "nuxtweb001",

   "version": "1.0.0",

   "description": "nuxt test",

   "author": "chentingjun",

   "private": true,

   "scripts": {

     "dev": "nuxt",

     "build": "nuxt build",

     "start": "nuxt start",

     "generate": "nuxt generate",

     "build:gh-pages": "DEPLOY_ENV=GH_PAGES nuxt build",

     // 生成适用于gh-pages的项目根目录

     "generate:gh-pages": "DEPLOY_ENV=GH_PAGES nuxt generate",

     "deploy": "push-dir --dir=dist --branch=gh-pages --cleanup"

   },

   "dependencies": {

     "cross-env": "^5.2.0",

     "element-ui": "^2.4.11",

     "node-sass": "^4.11.0",

     "nuxt": "^2.4.0",

     "push-dir": "^0.4.1",

     "sass-loader": "^7.1.0"

   },

   "devDependencies": {

     "nodemon": "^1.18.9"

   }

 }

2、修改nuxt.config.js

 const pkg = require('./package')

 // only add `router.base = '/<repository-name>/'` if `DEPLOY_ENV` is `GH_PAGES`

 const routerBase = process.env.DEPLOY_ENV === 'GH_PAGES' ? {

   router: {

     base: '/nuxtweb001/'

   }

 } : {}

 module.exports = {

   ...routerBase,

   mode: 'universal',

   /*

   ** Headers of the page

   */

   head: {

     title: pkg.name,

     meta: [

       { charset: 'utf-8' },

       { name: 'viewport', content: 'width=device-width, initial-scale=1' },

       { hid: 'description', name: 'description', content: pkg.description }

     ],

     link: [

       { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }

     ]

   },

   /*

   ** Customize the progress-bar color

   */

   loading: { color: '#fff' },

   /*

   ** Global CSS

   */

   css: [

     'element-ui/lib/theme-chalk/index.css'

   ],

   /*

   ** Plugins to load before mounting the App

   */

   plugins: [

     '@/plugins/element-ui'

   ],

   /*

   ** Nuxt.js modules

   */

   modules: [

   ],

   /*

   ** Build configuration

   */

   build: {

     transpile: [/^element-ui/],

     /*

     ** You can extend webpack config here

     */

     extend(config, ctx) {

     }

   }

 }