修改node_modules里的文件

  在实际的工作中,我们需要用到很多依赖来帮助我们提高工作的效率,但是也会碰到依赖包里的依赖和我们的需求有一定的出入,甚至可能出现这个依赖插件已经不再更新维护的现象。我们可能需要自己修改。

  • 方法 一:
    我们直接自己修改node_modules里的依赖文件,但是重新 npm i 时又会被覆盖,我们还得写个项目备注文件,备注下。

  • 方法 二:使用 patch-package 修改,也很麻烦。

  • 方法 三:使用 webpack alias 配置来实现 (以 Tcplayer 插件为例)

    1. 首先找到 node_modules 里对应的文件内容

    2. 将里面的内容复制一份到src目录下

    3. 进行相关的配置

        const path = require('path');
      
        module.exports = {
          chainWebpack: config => {
            config.resolve.alias.set('./TcPlayer.vue', 
            path.resolve(__dirname, 'src/components/TcPlayer.vue'))
          }
        }
      

      其中:'./TcPlayer.vue' 是 node_modules 里的引用路径

posted @ 2022-06-27 12:03  攻城Alone  阅读(913)  评论(0编辑  收藏  举报