通用演示:演示:Webpack刷新块+ React Universal Component 3.0:rocket:

时间:2024-03-13 04:27:22
【文件属性】:

文件名称:通用演示:演示:Webpack刷新块+ React Universal Component 3.0:rocket:

文件大小:266KB

文件格式:ZIP

更新时间:2024-03-13 04:27:22

JavaScript

通用演示 该演示已更新为Webpack 4的实现 这是有关如何使用通用软件包系列的演示: 随意将其用作样板。 安装 git clone https://github.com/faceyspacey/universal-demo.git cd universal-demo yarn yarn start 要做的事 在浏览器中打开 点击“更改页面”以循环浏览动态导入的页面 在任何页面上刷新 然后在浏览器中查看源以查看每个页面上正在发送的块 在以下位置查看主要代码: 打开“网络”标签,查看何时提取导入 编辑组件以查看HMR是否有效-即使是拆分的块也是如此。 编辑并保存CSS文件,以确认HMR也适用于CSS,这要归功于 检查构建文件夹,以查看究竟为您构建了哪些块和文件 通用HMR和通用代码拆分的梦想万岁! 贡献 我们使用 ,因此运行npm run cm进行提交。 将出现一个命令行表格


【文件预览】:
universal-demo-master
----.gitignore(76B)
----.babelrc(1KB)
----.snyk(313B)
----package.json(4KB)
----webpack()
--------server.prod.js(1KB)
--------server.dev.js(2KB)
--------client.dev.js(2KB)
--------client.prod.js(1KB)
----server()
--------render.js(1KB)
--------index.js(2KB)
----package-lock.json(444KB)
----src()
--------components()
--------index.js(553B)
--------css()
--------utils()
----CODEOWNERS(82B)
----.travis.yml(135B)
----LICENSE(1KB)
----.eslintrc.js(3KB)
----README.md(2KB)
----yarn.lock(354KB)

网友评论