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

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。