使用webpack-dev-server和HMR

编辑该页面

警告:你浏览的文档欧宝官网下载appob娱乐下载Symfony 5.1,不再维护。

这个页面的更新版本Symfob娱乐下载ony 6.2(当前的稳定版本)。

使用webpack-dev-server和HMR

在开发,而不是使用纱安可dev -手表,你可以使用webpack-dev-server:

1
美元纱安可dev-server

这个构建和服务前端资产从一个新的服务器。这个服务器运行
localhost: 8080默认情况下,意义构建资产是可用的localhost: 8080 /构建
这个服务器不写文件到磁盘;相反,它的服务器从内存,
允许热模块重新加载。

因此,链接脚本标签需要指向新服务器。如果你使用
encore_entry_script_tags ()encore_entry_link_tags ()(或树枝的快捷方式
通过entrypoints.json处理你的资产以其它方式),
你完成:你模板的路径将自动指向开发服务器。

启用HTTPS使用Symfony的Web服务器ob娱乐下载

如果你使用ob娱乐下载Symfony web服务器在本地使用HTTPS,您还需要告诉dev-server使用HTTPS。要做到这一点,您可以重用Symfony web服务器的SSLob娱乐下载证书:

1 2 3 4 5
#基于unix的系统美元纱dev-server——https可以=美元/ ob娱乐下载.symfony /证书/ default.p12#窗口美元安可dev-server——https可以= % UserProfile % \ .symfoob娱乐下载ny \ certs \ default.p12

dev-server选项

dev-server命令支持所有定义的选项webpack-dev-server。通过命令行选项可以设置这些选项:

1
美元纱安可dev-server——https端口9000

您还可以使用设置这些选项Encore.configureDevServerOptions ()方法在你的webpack.config.js文件:

1 2 3 4 5 6 7 8 9 10 11 12 13
/ / webpack.config.js/ /……再来一个/ /…….configureDevServerOptions (选项= >{选项。https = {关键:“/道路/ / server.key”,cert:“/道路/ / server.crt”}});

0.28.4

Encore.configureDevServerOptions ()介绍了安可0.28.4方法。

热模块替换HMR

再来一个支持HMRVue.js,但工作风格的地方。通过激活它——热选择:

1
美元/ node_modules /。bin /安可dev-server——热

如果您想要使用SSL使用自签名证书,添加——https,——可以=,——allowed-hosts选项的dev-server命令的package.json文件:

1 2 3 4 5 6 7 8
{…"脚本":{——“dev-server”:“安可dev-server”,+“dev-server”:“安可dev-server——https可以= $ HOME / .symfony ob娱乐下载/证书/违约。p12 allowed-hosts = mydomain.wip ",…}}

如果您遇到问题歌珥(交叉起源资源共享),添加——disable-host-check——港口选项的dev-server命令的package.json文件:

1 2 3 4 5 6 7 8
{…"脚本":{——“dev-server”:“安可dev-server”,+“dev-server”:“安可dev-server——端口8080——disable-host-check”,…}}

谨慎

注意,不建议禁用主机检查一般来说,但这里需要解决歌珥问题。

这项工作,包括代码示例,许可下Creative Commons冲锋队3.0许可证。