使用npm运行js脚本覆盖vue依赖包

// scripts/replace-components.js

// eslint-disable-next-line @typescript-eslint/no-var-requires

const fs = require('fs-extra')

const path = require('path')

const replacements = {

// 源文件(你的组件): 目标文件(node_modules中的组件)

'./src/components/CustomTable.vue': './node_modules/some-package/src/Table.vue',

'./src/components/CustomForm.vue': './node_modules/some-package/src/Form.vue'

}

function replaceComponents() {

Object.entries(replacements).forEach(([src, dest]) => {

const srcPath = path.resolve(__dirname, '...', src)

const destPath = path.resolve(__dirname, '...', dest)

复制代码
if (fs.existsSync(srcPath)) {
  // 确保目标目录存在
  fs.ensureDirSync(path.dirname(destPath))
  // 复制文件
  fs.copySync(srcPath, destPath)
  console.log(`✅ 已替换: ${dest}`)
} else {
  console.log(`❌ 源文件不存在: ${src}`)
}

})

}

replaceComponents()

相关推荐
Evan芙5 分钟前
shell编程求10个随机数的最大值与最小值
java·linux·前端·javascript·网络
m0_740043738 分钟前
Vue 组件及路由2
前端·javascript·vue.js
奋斗吧程序媛10 分钟前
Vue2 + ECharts 实战:动态一个关键词或动态多关键词筛选折线图,告别数据重叠难题
前端·javascript·echarts
San3018 分钟前
JavaScript 底层探秘:从执行上下文看 `this` 的设计哲学与箭头函数的救赎
javascript·面试·ecmascript 6
是你的小橘呀22 分钟前
从 "渣男" 到 "深情男":Promise 如何让 JS 变得代码变得专一又靠谱
前端·javascript·html
mangnel24 分钟前
vue3 的预编译模板
vue.js
baozj26 分钟前
告别截断与卡顿:我的前端PDF导出优化实践
前端·javascript·vue.js
梵得儿SHI27 分钟前
Vue 响应式原理深度解析:Vue2 vs Vue3 核心差异 + ref/reactive 实战指南
前端·javascript·vue.js·proxy·vue响应式系统原理·ref与reactive·vue响应式实践方案
玉宇夕落33 分钟前
深入理解 JavaScript 中的 this:从设计缺陷到最佳实践(完整复习版)
javascript
刻刻帝的海角35 分钟前
基于UniApp与Vue3语法糖的跨平台待办事项应用开发实践
javascript·vue.js·uni-app