在开发模式下构建时指定资产输出目录

Question

我正在使用Vue CLI将应用程序构建到现有的php项目之一中。为了在php中处理生成的文件，我需要将资产移动到../public/assets/目录中。不幸的是，这似乎在开发环境中不起作用（生产模式可以正常工作，但是我真的需要测试php应用程序中vue的集成）。

我做错了什么还是已知限制？

这是配置：

// vue.config.js
module.exports = {
    outputDir: '../public',
    assetsDir: './assets',
    indexPath: './views/index.html'
};

Answer 1

根据文档，您可以将assets复制到public/assets文件夹中，并通过绝对路径引用它们。

https://cli.vuejs.org/guide/html-and-static-assets.html#static-assets-handling

  

静态资产可以通过两种不同的方式处理：

     

  

• 以JavaScript导入，或通过相对路径在模板/ CSS中引用。此类引用将由webpack处理。

  

• 放置在公共目录中，并通过绝对路径引用。这些资产将仅被复制而不通过webpack。

  

Answer 2

由于HMR处于开发模式，因此尚无法实现。这是Vue.js论坛上的reference to the communication。