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

Vue.js 如何在运行npm run serve时自动保存已编译的vue文件,vue.js,webpack,vue-cli,npm-scripts,Vue.js,Webpack,Vue Cli,Npm Scripts,使用vue.js使用vue CLI设置项目时,我可以运行 $npm运行服务 编译文件并在localhost:8080启动端口 我的问题是,我该怎么做才能使页面中呈现的生成内容也保存到开发机器中的目录中 就像自动保存和修改文件一样,我可以在另一个项目上使用该文件,该项目在开发过程中依赖于生成的文件您确定它还没有在某个地方创建捆绑包吗?在某种build或dist文件夹中 在网页包配置中,您可以检查输出所使用的值您确定它尚未在某处创建捆绑包吗?在某种build或dist文件夹中 在网页包配置中,您可以

使用vue.js使用vue CLI设置项目时,我可以运行
$npm运行服务
编译文件并在
localhost:8080启动端口

我的问题是,我该怎么做才能使页面中呈现的生成内容也保存到开发机器中的目录中


就像自动保存和修改文件一样,我可以在另一个项目上使用该文件,该项目在开发过程中依赖于生成的文件

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


网页包
配置中,您可以检查
输出所使用的值

您确定它尚未在某处创建捆绑包吗?在某种
build
dist
文件夹中


网页包
配置中,您可以检查
输出所使用的值

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

  • writeToDisk
    选项设置为true。这将确保将包写入磁盘
  • 然后在emit hook
  • 之后将
    添加到网页包管道:
    
    文档。

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

  • writeToDisk
    选项设置为true。这将确保将包写入磁盘
  • 然后在emit hook
  • 之后将
    添加到网页包管道:
    
    文档。

    当然,它没有创建任何钩子或文件夹,除非我运行$npm run build(编译生成版本的命令)和termite(在单个任务后执行此命令)。当然,它没有创建任何钩子或文件夹,除非我运行$npm run build(编译生成版本的命令)版本和此命令白蚁后,一个单一的任务。
    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');
            });
          }
        }
      ]
    };