npm link

npm link用来在本地项目和本地npm模块之间建立连接,可以在本地进行模块测试

具体用法:
  1. 项目和模块在同一个目录下,可以使用相对路径

npm link ../module

  1. 项目和模块不在同一个目录下

cd到模块目录,npm link,进行全局link

cd到项目目录,npm link 模块名(package.json中的name)

  1. 解除link

解除项目和模块link,项目目录下,npm unlink 模块名

解除模块全局link,模块目录下,npm unlink 模块名

tip:

link之后改动代码,改动代码,打包立刻生效,不需要重新link

vue-cli在link之后,eslint会检查lint之后的包,需要在vue.config.js配置:
Symbolic Links in node_modules

// vue.config.js
module.exports = {
  // ...
  configureWebpack: {
    resolve: { symlinks: false }
  }
}
或
// vue.config.js
module.exports = {
  chainWebpack: (config) => {
    config.resolve.symlinks(false)
  }
}
posted @ 2021-02-25 17:12  raindi  阅读(500)  评论(0编辑  收藏  举报