美文网首页
打建一个自己的NPM命令

打建一个自己的NPM命令

作者: DoEmpty | 来源:发表于2021-11-06 18:37 被阅读0次

本地怎么打建自己的npm包

  • 1.创建一个目录myPackage,执行npm init,一直yes就好
  • 2.随便创建一个目录,就叫myCmd好了,创建需要的js文件,编写js代码
  • 3.重要:在package.json中配置命令,如下图
    配置bin
  • 4.执行npm link命令将自己的包注册到全局node_modules中
  • 5.新建一个引用目录,就叫做myPackageExec好了,同样执行npm init
  • 6.执行命令npm link myPackage,将自己的npm包安装到当前目录下
  • 7.配置npm命令,在package.json的scripts下添加一个log命令,执行的内容就是上一个npm包中配置的bin中的key 配置npm命令
  • 8.准备就绪,执行npm命令吧
    执行结果
    原理解析
    npm安装依赖的过程中回去解析package.json文件,发现有bin属性,会在/node_modules/.bin下注册bin属性中的命令,注册的方式就是创建一个同名批处理文件
    批处理文件
    而执行npm run log命令的时候首先回到当前目录的.bin目录下寻找对应的runMyCmd批处理文件
    遇到的问题
    1.文件都执行了,但是console.log的内容没有在控制台打印出来,分析批处理文件的内容发现并没有node命令,为什么呢?是因为没有指定myPackage/myCmd/index.js的执行环境,只需要在文件顶部配置#!/usr/bin/env node就可以了
    2.尝试在myPackage/myCmd/index.js中书写node代码时发现没有智能提示,原因是当前工作区打开了两个目录

相关文章

  • 打建一个自己的NPM命令

    本地怎么打建自己的npm包 1.创建一个目录myPackage,执行npm init,一直yes就好 2.随便创建...

  • 发布npm包

    Npm包管理器不用多讲,用过三大框架的应该都用过。今天讲一下怎么发布自己的npm包。 首先建一个文件夹,然后命令工...

  • NPM命令

    NPM 控制命令 NPM 包管理命令 一个很好玩的命令

  • npm、npmscripts、webpack介绍

    npm常见命令 npm install -g app-name webpack命令 显示npm下载包时,发的每一个...

  • npm 与 yarn 的cache

    npm 缓存命令 npm cache 提供了三个命令,分别是npm cache add, npm cache cl...

  • npm

    1. windows -g 全局安装 更新 npm npm install npm -g 基础命令 list 命令...

  • lerna+ git + npm

    lerna 命令 git 命令 npm命令

  • npm 与 yarn 命令对比

    ### npm 与 yarn 命令对比 |npm|yarn| |---|---| |npm install ...

  • npm包的文件结构和安装过程

    1. npm命令的配置 可以通过以下2种方式对npm命令进行配置: 通过npm的config指令;此命令是用来管理...

  • npm常用命令

    npm 全局安装包的位置 采用命令 npm root -g 命令可以查看全局安装的包的位置 更新npm的命令 np...

网友评论

      本文标题:打建一个自己的NPM命令

      本文链接:https://www.haomeiwen.com/subject/sevjzltx.html