使用webpack-dev-server和HMR

编辑本页

警告:您正在浏览的文档欧宝体育电话欧宝娱乐app下载地址Symfony 4.0,现已不再维护。

本页的更新版本用于Sy欧宝娱乐app下载地址mfony 6.2(当前稳定版本)。

使用webpack-dev-server和HMR

在开发时,而不是使用时返场开发——观看,你可以使用webpack-dev-server

1
/ node_modules /。bin /安可dev-server

这将从一个新的服务器上提供所构建的资产http://localhost:8080(它实际上不会将任何文件写入磁盘)。这意味着脚本而且链接标签需要更改以指向这一点。

如果你激活了清单。json版本控制这样就完成了:模板中的路径将自动指向开发服务器。

属性传递选项dev-server命令:正常支持的任何选项webpack-dev-server.例如:

1
./node_modules/.bin/encore dev-server——https——port 9000

这将在https://localhost:9000

请注意

此Webpack服务器独立于欧宝娱乐app下载地址Symfony的开发web服务器你需要分别运行这两个。

在虚拟机中使用dev-server

如果你在使用dev-server然后你需要绑定所有的IP地址,并允许任何主机访问服务器:

1
./node_modules/.bin/encore dev-server——host 0.0.0.0——./node_modules/.bin禁用-host-check

您现在可以在8080端口上使用虚拟机的IP地址访问dev-server -例如。http://192.168.1.1:8080

热模块更换HMR

再来一个支持HMR但只是在一些地区。要激活它,请传递——热选择:

1
./node_modules/.bin/encore dev-server——hot

HMR目前适用于Vue.js,但是在这段时间里,你可以在任何地方寻找风格。

此工作,包括代码示例,是根据创作共用BY-SA 3.0许可证。