启用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-loaderwebpack.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许可证。