使用webpack-dev-server和HMR
编辑本页警告:您正在浏览的文档欧宝官网下载appob娱乐下载Symfony 3.4,现已不再维护。
读本页的更新版本用于Syob娱乐下载mfony 6.2(当前稳定版本)。
使用webpack-dev-server和HMR
在开发时,而不是使用时纱线返场开发——看
,你可以使用webpack-dev-server:
1
$Yarn encore dev-server
这将从一个新的服务器上提供所构建的资产http://localhost:8080
(它实际上不会将任何文件写入磁盘)。这意味着脚本
而且链接
标签需要更改以指向这一点。
如果你在用encore_entry_script_tags ()
而且encore_entry_link_tags ()
树枝捷径(或通过entrypoints.json处理资产以其他方式),您就完成了:模板中的路径将自动指向开发服务器。
的dev-server
命令支持定义的所有选项webpack-dev-server.你可以通过命令行选项设置这些选项:
1
$Yarn encore -server——https——port 9000
属性设置这些选项Encore.configureDevServerOptions ()
方法。webpack.config.js
文件:
12 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 ()
方法在Encore 0.28.4中引入。
热模块更换HMR
再来一个做支持HMR为Vue.js,但是不在这段时间里,你可以在任何地方寻找风格。要激活它,请传递——热
选择:
1
$./node_modules/.bin/encore dev-server——hot
如果希望将SSL与自签名证书一起使用,请添加——https
,——可以=
,——allowed-hosts
的选项dev-server
命令package.json
文件:
1 2 3 4 5 6 7 8
{…"脚本":{- "dev-server": "encore dev-server",+ "dev-server": "encore dev-server——https——pfx=$HOME/.syob娱乐下载mfony/certs/default. "p12 allowed-hosts = mydomain.wip ",...}}
如果遇到与CORS(跨源资源共享)相关的问题,请添加——disable-host-check
而且——港口
的选项dev-server
命令package.json
文件:
1 2 3 4 5 6 7 8
{…"脚本":{- "dev-server": "encore dev-server",+ "dev-server": "encore dev-server——port 8080——disable-host-check",...}}
谨慎
注意,不建议禁用主机检查功能一般来说,但这里需要它来解决CORS问题。