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 文件下。

相关推荐
合作小小程序员小小店34 分钟前
web网页开发,在线%考试管理%系统,基于Idea,vscode,html,css,vue,java,maven,springboot,mysql
java·前端·系统架构·vue·intellij-idea·springboot
天天进步20151 小时前
CSS Grid与Flexbox:2025年响应式布局终极指南
前端·css
Boop_wu2 小时前
[Java EE] 计算机基础
java·服务器·前端
Novlan12 小时前
TDesign UniApp 组件库来了
前端
用户47949283569152 小时前
React DevTools 组件名乱码?揭秘从开发到生产的代码变形记
前端·react.js
顾安r3 小时前
11.8 脚本网页 打砖块max
服务器·前端·html·css3
倚栏听风雨3 小时前
typescript 方法前面加* 是什么意思
前端
狮子不白3 小时前
C#WEB 防重复提交控制
开发语言·前端·程序人生·c#
菜鸟‍3 小时前
【前端学习】阿里前端面试题
前端·javascript·学习