Vue（三十二）SSR服務端渲染Nuxt.js

初始化Nuxt.js項目步驟

1.使用腳手架工具 create-nuxt-app 建立Nuxt項目

  使用yarn或者npm

$ yarn create nuxt-app <項目名>

注：根據本身的實際狀況初始化項目

 

2.添加公共的css樣式文件

若是要使用 sass 就必需要安裝 node-sass和sass-loader

$ yarn add node-sass sass-loader -D

在assets文件夾下建立公共的scss樣式文件： /assets/styles/common.scss

在 nuxt.conf.js中，添加要使用的 CSS

module.exports = {
  css: [
    'element-ui/lib/theme-chalk/index.css',
    '~/assets/styles/common.scss'
  ]
}