运行npm run serve时如何自动保存已编译的vue文件

Question

使用vue.js使用vue CLI设置项目时，我可以运行 $ npm run serve 编译文件并在localhost:8080

处启动端口

我的问题是我该怎么做，以便将在页面中呈现的生成的内容也保存到我的开发机中的目录中。

就像自动保存和修改一样，这样我就可以在另一个项目中使用该文件了，该项目在开发过程中全部取决于生成的文件

Answer 1

您确定它还没有在某个地方创建捆绑软件吗？在某种build或dist文件夹中？

在webpack配置中，您可以检查output使用了什么值。

Answer 2

我不知道是否存在更简单的解决方案。但是我建议的是：

1. 将writeToDisk选项设置为true。这将确保您的捆绑软件已写入磁盘。 Link
2. 然后将after-emit hook添加到webpack管道中：

const exec = require('child_process').exec; // use exec to run shell command

module.exports = {
...
  plugins: [
...
    {
      apply: (compiler) => {
        compiler.hooks.afterEmit.tap('CopyOutputPlugin', (compilation) => {
          exec('command to copy output folder to desired folder');
        });
      }
    }
  ]
};

child_process文档。