启用Vue.js (vue-loader)
编辑本页警告:您正在浏览的文档欧宝体育电话欧宝娱乐app下载地址Symfony 4.0,现已不再维护。
读本页的更新版本用于Sy欧宝娱乐app下载地址mfony 6.2(当前稳定版本)。
启用Vue.js (vue-loader)
想要使用Vue.js?没问题!首先,安装Vue和一些依赖项:
1
$Yarn add——dev vue vue-loader@^14 vue-template-compiler
然后,激活vue-loader
在webpack.config.js
:
1 2 3 4 5 6 7 8 9
// webpack.config.js //…安可/ /….addEntry(“主要”,“。/资产/ main.js”)+ .enableVueLoader ();
就是这样!任何.vue
您需要的文件将被正确处理。还可以配置vue-loader选项通过回调:
1 2 3 4 5 6 7
.enableVueLoader (函数(选项){/ / https://vue-loader.vuejs.org/options.html选项。预加载器= {js:“/道路/ /定制/加载程序”};});
热模块更换(HMR)
的vue-loader
支持热模块替换:只需更新你的代码,看着你的Vue.js应用程序更新没有浏览器刷新!要激活它,只需使用dev-server
与——热
选择:
1
$./node_modules/.bin/encore dev-server——hot
就是这样!换一个你的.vue
文件并注意浏览器的更新。但请注意:这确实如此不目前就职于风格的变化.vue
文件。查看更新的样式仍然需要刷新页面。
看到使用webpack-dev-server和HMR欲知详情。
此工作,包括代码示例,是根据创作共用BY-SA 3.0许可证。