Nuxt

2019-05-21

使用脚手架快速安装

$ npx create-nuxt-app <项目名>

或者用yarn :

$ yarn create nuxt-app <项目名>

nuxt.js生成静态站后初始大小

开启gzip后总传输量在73.7KB左右

nuxt.js开启gzip后总传输量在73.7KB左右

启动后配置多个监听端口

开发环境和start环境默认端口都是3000,如果同时启动会冲突,并随机生成端口,我们可以指派不同的固定端口

package.json

"scripts": {
    "dev": "nuxt --hostname 0.0.0.0 --port 4000",
    "build": "nuxt build",
    "start": "nuxt start --hostname 0.0.0.0 --port 5000",
    "generate": "nuxt generate"
},

ERROR

friendly-errors (imported as ‘THREE’) was not found in ‘three’

出现该问题的原因是导入第三方库的时候,导入three模块产生的,

babel在语法检查的时候发现 export default THREE.BAS 与 import * as THREE from ‘three’ 不能同时出现,换成require就可以了

// import * as THREE from 'three'
var THREE = require('three')