使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-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/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许可证。