Vue Nuxt项目发布,使用npm或者pm2 启动

1、配置package.json

“scripts”: {
“start”: “PORT=端口号 node .output/server/index.mjs”,
“build”: “nuxt build”,
“dev”: “nuxt dev --port 3001”,
“generate”: “nuxt generate”,
“preview”: “nuxt preview”,
“postinstall”: “nuxt prepare”,
“lint”: “eslint --ext .vue,.js,.ts --ignore-path .gitignore .”,
“lint:fix”: “eslint --ext .vue,.js,.ts --ignore-path .gitignore . --fix”
},
2、安装npm安装nuxt 在安装nuxt之前先更细npm版本
3、使用npm run build命令编译项目,编译完成后 拷贝,node_modules不需要每次都拷贝,文件没有变化只更新.nuxt 和 .output文件即可。

文件到服务上,服务器需要安装nuxt 命令,如果使用pm2 来启动,需要npm安装pm2
4、使用pm2启动,新建ecosystem.config.js
module.exports = {
apps: [
{
name: ‘nuxt-app’,
port: 端口,
exec_mode: ‘fork’,//cluster
instances: ‘1’,//max
script: ‘./.output/server/index.mjs’
}
]
}
5、执行命令 pm2 start ecossystem.config.js执行完以后可以使用netstat -nltp查看端口是否已经监听。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要将 Vue2 项目打包成库并发布npm 上,可以按照以下步骤进行操作: 1. 在项目根目录下创建一个名为 `package.json` 的文件,用于描述你的库信息和依赖项。可以使用 `npm init` 命令自动生成模板。 2. 安装必要的依赖项,例如 `vue`、`rollup`、`rollup-plugin-babel` 等。其中 `rollup` 是一个 JavaScript 模块打包器,用于将 Vue2 项目打包成一个库;`rollup-plugin-babel` 则是用来将 ES6+ 语法转换成 ES5 语法。 ```bash npm install vue rollup rollup-plugin-babel --save-dev ``` 3. 在项目根目录下创建一个名为 `src` 的文件夹,用于存放你的源代码。可以在该目录下创建一个 `index.js` 文件,用于导出你的 Vue2 组件或插件。 4. 在项目根目录下创建一个名为 `rollup.config.js` 的文件,用于配置打包参数。具体配置可以参考下面的示例: ```javascript import babel from 'rollup-plugin-babel'; import commonjs from 'rollup-plugin-commonjs'; import resolve from 'rollup-plugin-node-resolve'; import vue from 'rollup-plugin-vue'; export default { input: 'src/index.js', output: { name: 'MyLibrary', file: 'dist/my-library.js', format: 'umd', globals: { vue: 'Vue' } }, plugins: [ vue(), resolve(), commonjs(), babel({ exclude: 'node_modules/**' }) ], external: ['vue'] }; ``` 5. 在 `package.json` 文件中添加 `scripts` 字段,用于定义打包命令和发布命令。例如: ```json "scripts": { "build": "rollup -c", "prepublishOnly": "npm run build" } ``` 上面的配置表示,运行 `npm run build` 命令会执行 `rollup -c` 命令进行打包;运行 `npm publish` 命令时会先执行 `npm run build` 命令,然后再执行发布操作。 6. 执行 `npm login` 命令登录 npm 账号,如果没有账号可以先注册一个。 7. 执行 `npm publish` 命令将库发布npm 上。如果发布成功,其他人就可以通过 `npm install` 命令安装你的库并使用了。 以上就是将 Vue2 项目打包成库并发布npm 上的基本步骤,具体细节可以根据实际情况进行调整。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值