vue | 插件 | 移动文件的插件 —— move-file-cli 插件 的安装与使用

问题:想将打包生成的 dist 文件下的样式相关文件,进行移动。

解决:在 npm上找写好的兼容操作系统的包

move-file-cli 插件,用于移动文件


move-file-cli 插件的安装与使用

安装:npm install move-file-cli --save-dev

在包文件下,写运行命令:move-file 起始文件地址 移动到的终点地址


例子:采用 move-file-cli插件,移动样式文件的目录: 将 es 文件夹移动到 dist的根目录

① 在包文件的scripts下中,写**"move-style":"move-file dist/es/index.css dist/index.css"**;

++② 【先进行++ ++打包完成后++ (修改 build-only 用于运行打包run-pbuild-es build-umd)++再运行样式移动(++ npm run move-style),++以防还没有生成文件index.css 】【本例的其他注意点】++

③ 删除dist,重新运行打包npm run build

查看 dist 文件,当前 index.css 已被移动到了 dist 文件下。

相关推荐
xiaoqi92219 分钟前
React Native鸿蒙跨平台如何实现分类页面组件通过searchQuery状态变量管理搜索输入,实现了分类的实时过滤功能
javascript·react native·react.js·ecmascript·harmonyos
打小就很皮...32 分钟前
Tesseract.js OCR 中文识别
前端·react.js·ocr
qq_1777673742 分钟前
React Native鸿蒙跨平台实现应用介绍页,实现了应用信息卡片展示、特色功能网格布局、权限/联系信息陈列、评分展示、模态框详情交互等通用场景
javascript·react native·react.js·ecmascript·交互·harmonyos
2603_949462101 小时前
Flutter for OpenHarmony社团管理App实战:预算管理实现
android·javascript·flutter
wuhen_n1 小时前
JavaScript内存管理与执行上下文
前端·javascript
Hi_kenyon1 小时前
理解vue中的ref
前端·javascript·vue.js
jin1233222 小时前
基于React Native鸿蒙跨平台地址管理是许多电商、外卖、物流等应用的重要功能模块,实现了地址的添加、编辑、删除和设置默认等功能
javascript·react native·react.js·ecmascript·harmonyos
2501_920931702 小时前
React Native鸿蒙跨平台医疗健康类的血压记录,包括收缩压、舒张压、心率、日期、时间、备注和状态
javascript·react native·react.js·ecmascript·harmonyos
落霞的思绪3 小时前
配置React和React-dom为CDN引入
前端·react.js·前端框架
Hacker_Z&Q3 小时前
CSS 笔记2 (属性)
前端·css·笔记