资讯专栏INFORMATION COLUMN

NPM 安装包遇到的坑!

陈伟 / 633人阅读

摘要:放在开发环境即可主文件依赖,比如切换源默认源,这样网速就会好很多如果还不能下载,就切换成淘宝源安装包到对应的目录中也就是在,在里面填写对应的路径地址同时需要配置好入口文件注册一个账号。

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://www.ucloud.cn/yun/97207.html

相关文章

  • 管理工具安装速度慢或许是 lock 文件的坑

    摘要:包管理工具安装速度慢或许是文件的坑更多前端技术和知识点,搜索订阅号菌订阅大家都用过配置镜像加速第三方模块的安装。包管理工具安装速度慢或许是 lock 文件的坑 showImg(https://user-gold-cdn.xitu.io/2019/5/22/16ae00d0d384e33a); ⭐️ 更多前端技术和知识点,搜索订阅号 JS 菌 订阅 大家都用过 yarn npm 配置镜像加...

    mikyou 评论0 收藏0
  • webpack4 的开发环境配置说明

    摘要:的开发环境配置说明完整的的配置地址开发环境的搭建,总体而言就比较轻松,因为用户就是开发者们。的做法是在的字段配置类似这样这样配置后,当运行时,在里通过可以取到值以来做判断就可以啦。 webpack4 的开发环境配置说明 完整的webpack4的配置clone地址: https://github.com/ziwei3749/... 开发环境的搭建,总体而言就比较轻松,因为用户就是开发者们...

    fancyLuo 评论0 收藏0
  • 最小白的webpack+react环境搭建

    摘要:接下来安装和,执行命令安装很顺利,没有遇到任何问题。再总结一下我们遇到的坑初始化时的项目名称要合规,特别是不能出现中划线下划线。另外再增加,这样刷新的速度会大大加快最终的文件目录结构为各文件的最终内容本文也同步发表在我的公众号“我的天空” 从零开始,用最少的配置、最少的代码、最少的依赖来搭建一个最简单的webpack+react环境。 最近在玩webpack+rea...

    番茄西红柿 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<