NPM 安装包遇到的坑!

1.区分npm -S -D

  • 我们在使用npm install 安装模块或插件的时候,有两种命令把他们写入到 package.json 文件里面去,比如:
  • –save-dev 简写-D
  • –save 简写-S

    • 在 package.json 文件里面提现出来的区别就是,使用 –save-dev 安装的 插件,被写入到 devDependencies 对象里面去,而使用 –save 安装的插件,责被写入到 dependencies 对象里面去。
    • 那 package.json 文件里面的 devDependencies 和 dependencies 对象有什么区别呢?
    • devDependencies 里面的插件只用于开发环境,不用于生产环境,而 dependencies 是需要发布到生产环境的。
    • devDependencies 就是不是主文件依赖。放在开发环境即可
    • dependencies 主文件依赖,比如vue vue-router

2.Npm 切换源

默认源

npm config set registry https://registry.npmjs.org

https -> http,这样网速就会好很多

npm config set registry http://registry.npmjs.org 

如果还不能下载,就切换成淘宝源

npm config set registry https://registry.npm.taobao.org

Npm 安装包到对应的目录中(也就是在package.json), 在name 里面填写对应的路径地址,同时需要配置好入口文件

"name": "@plugin-private/plugins-npm"
"main": "src/index.js" 

3.1. 注册一个npm账号。当然啦,你还需要有自己的工程嘛

  • 目前几乎都是vue 项目,就先用一个vue-cli搭建一个项目。简单写几个插件,先做试水啦~~~
  • 同时需要更改 webpack.base.conf.js =>
 entry: {
    app: './src/main.js'  //这里配置入口文件地址
  },

4.开始发布创建好的包

  • 使用终端命令行

如果是第一次发布包,执行以下命令,然后输入前面注册好的NPM账号,密码和邮箱,将提示创建成功

npm adduser
  • 这里可能会遇到的问题就是,npm的源不是默认源,这个需要你手动变更。请看2.

-如果不是第一次发布包,执行以下命令进行登录,同样输入NPM账号,密码和邮箱

npm login
  • 注意:npm adduser成功的时候默认你已经登陆了,所以不需要再进行npm login了
  • 接着先进入项目文件夹下,然后输入以下命令进行发布
npm publish
  • 这里需要注意的地方是,如何更改路径,

    • 在 package.json里面配置好路径
    • 执行 npm publish –access public

npm 的有一些命令,还是要多看API!!后面补上!!

    原文作者:木子喵
    原文地址: https://segmentfault.com/a/1190000016215668
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞