爲VueJS

Question

的WebPack安可配置，我有以下錯誤，當我從symfony中提供了一個基本的symfony應用程序與VueJS和包的WebPack安可加載頁面

[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 into webpack with this：

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並且作爲模塊入口點 。主字段指定 模塊的入口點，因此通過替換它，您可以替換 入口點，當模塊由捆綁器打包以供瀏覽器使用時。

見規格：https://github.com/defunctzombie/package-browser-field-spec