首页 文章

拆分来自应用程序的反应代码

提问于
浏览
0

我一直在从jQuery迁移到React,需要一些帮助来理解如何让webpack将我的代码从自身反应中分离出来 . 我正在使用反应来构建小部件 . 每个都是它自己的“应用程序”,其中多个可以嵌入到非反应页面 . 因此,我只需要在页面中包含一次反应(比如使用jQuery时) . 我目前正在使用create-react-app,因为它很容易入手 . 你能指点我正确的方向吗?

1 回答

  • 1

    如果您想使用webpack,可以使用多个条目(documentation) . 这可能如下所示:

    entry: {
      react: ["react", "react-dom"],
      app: ['./index.js']
    }
    

    请注意,您不能在create-react-app创建的应用程序中使用自己的webpack-config,除非您删除或替换整个react-scripts部分,因为它们处理内部的所有webpack人员 .

    如果你想在外部使用组件(比如不同的网站),你应该为每个组件创建一个包(npm或类似的包) . 另一种选择是将这些组件的每个人添加为 webpack->entry 对象中的入口点 . 但是如果你想在外部使用它们,这在从不同的主机服务时似乎是一个巨大的开销 .

相关问题