如何覆盖 node_modules 里的文件
webpack alias 的作用
webpack alias
一般用来配置路径别名,使我们可以少写路径代码:
chainWebpack: config => { config.resolve.alias .set('@', resolve('src')) .set('#', resolve('src/views/page1')) .set('&', resolve('src/views/page2')); },
具体操作如下:
- 找到别人源码里面的需要修改的模块,复制代码到
src
目录 - 修改其中的
bug
,注意里面引用其他的文件都需要写成绝对路径 - 找到这个模块被引入的路径(我们需要拦截的路径)
- 配置
webpack alias
const path = require('path'); module.exports = { chainWebpack: config => { config.resolve.alias .set('./patchers', path.resolve(__dirname, 'src/assets/patchers.js')) } };