symfony - VueJS 的 WebPack 安可配置

Question

当我使用 VueJS 和 symfony 提供的捆绑 Webpack encore 从基本 symfony 应用程序加载页面时出现以下错误

[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

所以我需要将 VueJS 的别名更改为 webpack：

resolve: {
  alias: {
    vue: 'vue/dist/vue.js'
  }
}

但是我没有在 Webpack Encore 中找到任何可以更改此设置的内容。

Webpack 安可：http ://symfony.com/doc/current/frontend.html

Answer 1

将此行添加到您的 package.json 是否可以解决问题？

"browser": {
   "vue": "vue/dist/vue.common"
}

这是捆绑器的特殊字段。因此，在这里我们将 vue 的默认运行时版本替换为其包含编译器的构建版本。

当您为浏览器字段指定单个字符串时，它将替换 main 并成为模块入口点。main 字段指定模块的入口点，因此通过替换它，您可以在模块被打包器打包以供浏览器使用时替换入口点。

请参阅规范：https ://github.com/defunctzombie/package-browser-field-spec