lerna包管理新增nuxt.js项目

468 阅读1分钟

1.新增一个package

  lerna create project01

2.单独去创建一个nuxt项目,名为test

yarn create nuxt-app test

将test里面文件除了这两项全部放到project01的package里面

a9f1ad96d6c5d1144c321ce990533a3.png

并将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

1640416653(1).png

其实简单来说,就是创建项目的时候还是要以lerna create去创建,然后把test项目有用的东西放进去,这样不管进入哪个包对应的分支还是和外面的一致,因为如果你直接lerna create project01, 然后yarn create nuxt-app project01,可能会有覆盖的问题,包括将原本有的项目换成lerna 管理,也是把有用的东西丢进去

记录一下而已,有不对多多指教,最近太忙,没时间去查太多,哭!

6.参考

Nuxt.js