时间戳

首页 > 解决方案 > 如何根据第三方提供的 chunk.js 渲染页面

webpack - 如何根据第三方提供的 chunk.js 渲染页面

问题描述

我们的前端项目临时分配给第三方开发，不同的repository但是同一个项目，然后第三方在项目中开发了一个页面B，带有route /b，并提供给我们一个webpack split生成的chunk，那个js名字是chunk.b.js，如何使用这个chunk来渲染页面/b？

更详细的，我将在下面展示伪代码：</p>

about.js


export default Class About extends React.Component
...
render() { return (<h1>About</h1>) }

应用程序.js

import About from 'about.js'

const routes = [
  { path: '/b', Component: require.ensure => About }
]

然后 webpack base route split chunk like chunk.about.js，我需要做的就是在其他项目chunk.about.js中渲染。<About>

我们假设两个项目具有相同的依赖关系等。

在我的项目中，我尝试chunk.about.js通过脚本标签加载，但我很困惑如何使用chunk.about.js来渲染<About>

谢谢~^_^

标签： webpackreact-routerfrontend

解决方案

推荐阅读