修改指定文件时如何运行 vue-cli build 命令？

Posted 2023-02-23

【中文标题】修改指定文件时如何运行 vue-cli build 命令？

【英文标题】：How to run vue-cli build command when specified files modified?

【发布时间】：2017-06-16 09:12:13

【问题描述】：

我可以用这个命令构建我的 js 文件

vue build main.js --dist dist --prod --lib

没关系，但我想在更改 js 或 vue 文件时自动执行此操作。我不想使用 browserify、webpack、gulp、vuify 等。

我通过 npm 安装了 watch-run 并运行了这个命令。

watch-run -p '/Users/User/Data/root/vue/js/*.js' echo "hello"

当我更改 js 文件时，它正在工作并打招呼。但是当我将echo "hello" 更改为vue build /Users/User/Data/root/vue/js/main.js --dist dist --prod --lib 时，它不起作用。终端里什么都没有。没有警告，没有错误。

您知道如何为我的最小设置做到这一点吗？

【问题讨论】：

我想说问题出在 --dist / --prod / --lib 标志上。 watch-run 包似乎推荐 wait-run 似乎更好地处理命令语法

@Phil Super，等待运行运行良好。但新问题是“等待运行”在构建完成后关闭执行。

这可能会有所帮助~superuser.com/questions/181517/…

【参考方案1】：

我们将为其添加--watch 模式，敬请期待！

顺便说一句，你为什么需要这个？

【讨论】：

这是个好消息。我需要这个，因为我不喜欢 broserify、webpack 及其配置文件等工具。我想从头开始。

试试yarn gloal add vuejs/vue-cli, --watch 在那里并且文档已经更新。

是否也可以观看 .vue 文件？

@kastelli npm i -g vuejs/vue-cli //顺便说一句，Yarn 更快

@kastelli 你在使用之前运行过npm i -D stylus stylus-loader 吗？

【参考方案2】：

我最终通过 npm 安装了 nodemon。

npm install -g nodemon

然后这个命令监控文件变化并构建js。

nodemon -w /Users/User/Data/root/vue/assets/comp -w /Users/User/Data/root/vue/assets/js -x "cd /Users/User/Data/root/vue/assets/js/; vue build main.js --dist ../dist --prod --lib" -e vue,js

我希望这对寻找类似解决方案的人有所帮助