NPM打包流程

前面已经了解过了，npm是JavaScript的包管理工具。类似于java当中的maven、gradle和python中的pip。 一、安装npm环境 npm是Node.js一起发布的，只是安装了Node.js，npm也就安装好了。可以从node的下载页中下载对应操作系统的安装包进行安装即可。 下载地址为https://nodejs.org/en/download/ 选择长期支持版本的linux...

本文详细介绍了如何将 JavaScript 项目打包并发布到 npm 的步骤。首先，需要注册 npm 账号并安装 Node.js 和 npm。接着，通过 npm init 初始化项目并生成 package.json 文件。编写代码后，配置 package.json 中的关键字段，如包名、版本号和入口文件。如果需要，使用打包工具生成最终产物。登录 npm 后，执行 npm publish 发布包。后续维护包括更新版本、撤回包和完善文档。常见问题如包名冲突、权限不足等也提供了解决方案。

这里注意点package.json文件夹 main放入放入当前npm run build 打包后的。当包有修改的时候， 2：先修改package.json中的版本号（version），注册需要用户名，密码和邮箱， 当注册完成后需打开邮箱进行验证（邮箱不验证无法上传）打开npm官方网站： www.npmjs.com;然后再执行npm publish；（不修改版本号上传会失败）后续会让填用户名密码和邮箱；上传时不能使用淘宝镜像。

这三个包的依次是 ssh2 传输~~ 压缩文件夹变成.zip文件~~ ora为node环境的loading显示库。服务器只支持ftp的上传模式，所以只使用了node-ssh2的包，scp的方法不行。第三步：在build文件夹上加入deploy代码。第二步：在package.json中加入命令。nodejs版本 v12.22.12。

首先需要制作一个npm包。按照以下步骤依次执行。相信这一步不需要过多的解释，就是创建了一个文件夹，然后初始化了一下文件夹。然后在生成的package.json文件夹中更改一下自己的配置，例如包名、版本、描述等。然后创建src文件夹，在对应的地方写下你自己的函数即可。

打开npm包所在页面，点击右方settings栏，然后在Invite maintainer模块，输入要加入权限的npm账号的username，然后点击invite就加入，下方Maintainers就是有权限的npm项目成员列表。（1）作废npm包，就是这里的 Deprecate package，就是给npm包打上已作废的标签，表示不再更新维护。这样，在此项目下运行npm命令时，默认使用的仓库都是配置官方源，不影响其他项目。运行完后，稍等片刻，在npm官网就可以搜索到发布的该npm包了。

在npm上发布包

npm uninstall helloworld-1.0.1.tgz //删除组件。npm install helloworld-1.0.1.tgz //加载组件。npm config get registry //查看 npm 配置私库地址。npm unpublish ${包名} --force //删除已发布的包。新建packages/HelloWorld/index.vue文件。npm install ${包名} //下载对应包。npm publish //将npm包推送到私库。

npm run build & npm run pack

初始化的package.json中“name”参数就是要发布的npm包的名字，必须是唯一的，可以去npm官网搜一搜有没有重名的；三、假设两个.vue文件就是我们想要打包的组件，我们要先将他们暴露出去，在项目的根目录（src同级）或src/components文件夹中新建一个文件index.js。这时候，项目就成功启动起来了，打开链接 http://localhost:8080 ，就可以看到我们的项目了。按回车后，大概需要5分钟，甚至更久，才会新建成功，慢慢等待。至此成功，真是踩了无数的坑！

Vue使用npm打包部署到Nginx

网上很少有自制npm包的教程，而且很多难点，因此我做了这期博客这样大家就不用去二次爬坑了。 自制前端插件并发布到npm一般都需要打包工具，因为npm本身是运行在node里的，而node不支持es6的import语法，而前端包一般都使用import语法来模块化，所以我们需要用打包工具+babel。...