zoukankan      html  css  js  c++  java
  • 使用npm link进行模块调试

    概述

    我还记得之前调试官网的 ckeditor 编辑器,每次改完编辑器包,然后发布编辑器包,然后在官网里面引入这个包进行调试,如果有问题,重新改动、发布编辑器包,继续引入,真的浪费了好多时间。其实类似这种场景都可以使用npm link,能够极大地简化操作。记录下来,供以后开发时参考,相信对其他人也有用。

    比如说有包 package-A 和项目 project-B,项目 project-B 需要用到包 package-A。而他们都是在 projects 文件夹里面,那么我们可以直接在 project-B 里面 npm link,示例如下:

    cd ~/projects/project-B  # go into the dir of project B
    npm link ../package-A    # link the dir of your package
    

    注意:link完之后,就相当于把这个包放到项目的 node_modules 里面去了,你可以直接在项目中引用这个包。

    还是包 package-A 和项目 project-B,如果他们放在不同的文件夹里面,并且相对路径不太方便写,或者他们的位置会变动,那么可以使用如下方式:

    cd ~/packages/package-A
    npm link                   # creates global link
    cd ~/projects/project-B
    npm link package-A         # link-install the package
    

    注意:link完之后,就相当于把这个包放到项目的 node_modules 里面去了,你可以直接在项目中引用这个包。

    其它

    1.如果是全局 link 的方式,也会把 bins 文件夹放到全局,所以也可以让某些命令全局化。

    2.npm link 的原理是建立 symlink(软链接),但是并不是以文件夹名字的形式,而是以package.json里面包的名字的形式。

  • 相关阅读:
    Java学习day2
    Java 学习day1
    const
    数组
    scanf、printf、gets、puts的应用及区别
    指针数组和数组指针
    指针函数和函数指针
    nginx Windows版使用说明
    windows平台上nginx部署web.py(转)
    python安装程序是报这样的错UnicodeDecodeError: 'ascii' codec can't decode byte 0xb0 in position 1: ordinal not in range(128)
  • 原文地址:https://www.cnblogs.com/yangzhou33/p/13765692.html
Copyright © 2011-2022 走看看