参考链接: https://www.yii666.com/blog/448070.html?action=onAll
第一步:创建用来存放修改后内容的文件目录
创建文件夹change_modules,用来存放修改后的文件内容,但修改后的文件目录需要和node_modules中被修改的文件目录一致。例如
被修改的文件夹lib所在目录是:node_modules/element-ui/lib,
则新建的文件目录应当为:change_modules/element-ui/lib,如图
第二步:修改内容
只需将被修改的文件中的所有内容粘贴到change_modules中对应的目录中,然后对需要更改的地方进行修改。
第三步:执行复制 | 替换
新建change_modules/index.js文件,此文件中存放的是文件替换的相关语法
const fs = require('fs')
const path = require('path')
// 将 change_modules 内的文件覆盖在node_modules中
const REAL_NODE_MODULES = path.resolve('./node_modules') // 旧node_modules
const MY_NODE_MODULES = path.resolve('./change_modules') // 新node_modules
copy(MY_NODE_MODULES, REAL_NODE_MODULES)
/**
*@param{string}需要复制的目录、文件
*@param{string}复制到指定的目录、文件
*@param{function}每次复制前,都会经过一次filterFn,若返回true,则复制。
*/
function copy(origin, target, filterFn = () => true) {
if (fs.statSync(origin).isDirectory()) {
if (!fs.existsSync(target)) {
fs.mkdirSync(target)
}
fs.readdirSync(origin).forEach(originName => {
const originFilePath = path.resolve(origin, originName)
const targetFilePath = path.resolve(target, originName)
copy(originFilePath, targetFilePath, filterFn)
})
} else if (filterFn(origin, target)) {
//执行替换
fs.copyFileSync(origin, target)
}
}
第四步:修改package.json
在package.json中添加执行change_modules/index.js的语法,使得项目运行前执行change_modules.js替换相应文件,如图: