1.新增一个package
lerna create project01
2.单独去创建一个nuxt项目,名为test
yarn create nuxt-app test
将test里面文件除了这两项全部放到project01的package里面
并将test项目中package.json
"scripts": {
"dev": "nuxt",
"build": "nuxt build",
"start": "nuxt start",
"generate": "nuxt generate"
},
"dependencies": {
"core-js": "^3.19.3",
"nuxt": "^2.15.8",
"vue": "^2.6.14",
"vue-server-renderer": "^2.6.14",
"vue-template-compiler": "^2.6.14",
"webpack": "^4.46.0"
},
"devDependencies": {},
全部复制到project01里面的package.json里面,删掉没有用的test项目
3.在project01的package.json里面加入
"config": {
"nuxt": {
"host": "0.0.0.0",
"port":3000
}
}
并且在加上--open
"scripts": {
"dev": "nuxt --open",
},
4.下载nuxt相关的包
npm install
5.运行
npm run dev
其实简单来说,就是创建项目的时候还是要以lerna create去创建,然后把test项目有用的东西放进去,这样不管进入哪个包对应的分支还是和外面的一致,因为如果你直接lerna create project01, 然后yarn create nuxt-app project01,可能会有覆盖的问题,包括将原本有的项目换成lerna 管理,也是把有用的东西丢进去
记录一下而已,有不对多多指教,最近太忙,没时间去查太多,哭!