使Vue。js(vue-loader)
编辑该页面警告:你浏览的文档欧宝体育电话欧宝娱乐app下载地址Symfony 3.3,不再维护。
读这个页面的更新版本Symf欧宝娱乐app下载地址ony 6.2(当前的稳定版本)。
使Vue。js(vue-loader)
想要使用Vue.js吗?没问题!首先,安装Vue和一些依赖关系:
1
美元纱添加- dev vue vue-loader 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/en/configurations/advanced.html选项。预紧器= {js:“/道路/ /定制/加载程序”};});
热模块替换(HMR)
的vue-loader
支持热模块替换:更新你的代码,注意你的Vue。js应用更新没有一个浏览器刷新!来激活它,只是使用dev-server
与——热
选择:
1
美元/ node_modules /。bin /安可dev-server——热
就是这样!改变你的.vue
看你的浏览器更新文件。但注意:这个不目前工作风格的变化.vue
文件。看到风格仍然需要刷新页面更新。
看到使用webpack-dev-server和HMR为更多的细节。
这项工作,包括代码示例,许可下Creative Commons冲锋队3.0许可证。