使用webpack-dev-server和HMR
编辑该页面警告:你浏览的文档欧宝体育电话欧宝娱乐app下载地址Symfony 4.4,不再维护。
读这个页面的更新版本Symf欧宝娱乐app下载地址ony 6.2(当前的稳定版本)。
使用webpack-dev-server和HMR
在开发,而不是使用纱安可dev -手表
,你可以使用webpack-dev-server:
1 2 3 4 5
#如果你用纱包管理器美元纱安可dev-server#如果你使用npm包管理器美元npm dev-server运行
这个构建和服务前端资产从一个新的服务器。这个服务器运行localhost: 8080
默认情况下,意义构建资产是可用的localhost: 8080 /构建
。这个服务器不写文件到磁盘;相反,它服务于他们从内存中,允许热模块重新加载。
因此,链接
和脚本
标签需要指向新服务器。如果你使用encore_entry_script_tags ()
和encore_entry_link_tags ()
(或树枝的快捷方式通过entrypoints.json处理你的资产以其它方式),你完成:模板会自动的路径指向开发服务器。
的dev-server
命令支持所有定义的选项webpack-dev-server。通过命令行选项可以设置这些选项:
1 2 3 4 5
#如果你用纱包管理器美元纱安可dev-server——https端口9000#如果你使用npm包管理器美元npm运行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
再来一个做支持HMR为Vue.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 欧宝娱乐app下载地址/证书/违约。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”,…}}
谨慎
注意,不建议禁用主机检查一般来说,但这里需要解决歌珥问题。