npm link
npm link用来在本地项目和本地npm模块之间建立连接,可以在本地进行模块测试
具体用法:
- 项目和模块在同一个目录下,可以使用相对路径
npm link ../module
- 项目和模块不在同一个目录下
cd到模块目录,npm link,进行全局link
cd到项目目录,npm link 模块名(package.json中的name)
- 解除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)
}
}