文件名称:webpack-splitting:使用 React 进行 Webpack 代码拆分的演示
文件大小:8KB
文件格式:ZIP
更新时间:2024-06-29 00:05:54
JavaScript
webpack-splitting 展示使用 React 进行 Webpack 代码拆分的演示项目。 这有助于您将大型 Web 前端项目分解为多个按需下载的小型 JavaScript 资源。 CSS 也可以捆绑在一起。 View1和View2的代码被拆分为单独的.js资源,因此在用户导航到它们之前,浏览器不会下载它们的代码。 这些模块可以很小,因为 Webpack 可以删除和删除与主模块(主要是 React 以及 Babel 运行时)共享的模块。 当您编辑它们的.jsx源代码时,React 组件会热重载。 主视图的 CSS 样式表放置在.css资源中。 但是, View1和View2的样式捆绑到各自的.js资源中,因此用户可以在需要时才下载样式。 View2对 CodeMirror 的依赖非常大。 请注意 CodeMirror 的所有 JavaScript 和 CSS 如何与V
【文件预览】:
webpack-splitting-master
----package.json(996B)
----server.js(439B)
----build.js(548B)
----src()
--------view()
--------static()
--------main.jsx(267B)
----.gitignore(101B)
----webpack.config.js(965B)
----README.md(2KB)
----hot.webpack.config.js(1014B)