歷時(shí)兩個(gè)星期終于將vue項(xiàng)目，遷移到nuxt，想著在本地打個(gè)包運(yùn)行下試試，nuxt執(zhí)行npm run build后element樣式失效。

下面跟著我一起來打個(gè)包運(yùn)行下：

• 執(zhí)行命令npm run build

• 新建一個(gè)文件夾，將下面這些文件放到新的文件夾下

  • .nuxt

  • nuxt.config.js

  • package.json

  • static

• 打開package.json修改端口號為88

server: {
  port: 88, // default: 3000
  host: 'localhost' // default: localhost, 部署到linux服務(wù)器需要修改成0.0.0.0
}

• 執(zhí)行 npm install 安裝依賴（網(wǎng)不是特別好，建議執(zhí)行cnpm安裝）

  
  

• 執(zhí)行 npm run start 運(yùn)行起來了

遇到的問題

• element ui 樣式失效
  解決：將ssr: false 改為 true，使得插件會(huì)在服務(wù)端運(yùn)行。這樣就正常運(yùn)行了。

plugins: [
  {
    src: '@/plugins/element-ui', 
    ssr: true 
  }
]

此案例只是在本地運(yùn)行，如果是部署到服務(wù)器，需要安裝node運(yùn)行環(huán)境，pm2部署。