【问题标题】:build react app and widget js in one webpack config在一个 webpack 配置中构建 react 应用程序和小部件 js
【发布时间】:2021-05-13 16:18:46
【问题描述】:

我的任务是将库引入现有的基于创建反应应用程序的应用程序。

这个库需要被构建以分离块,并且名称中不应包含任何 contenthash。理想情况下应该构建到buildDir/js/widget.js,就是这样。

目前我所有的ts 在构建期间都编译为js,并以contenthash 的名义提供服务。 我不知道如何从src/widget/index.ts 构建widget.js,因为入口点是src/index.ts,它永远不会捕获src/widget/index.ts,因为它没有在主入口点的任何地方导入。

这个widget.js 稍后将通过

让这个构建过程正常工作的最佳方法是什么。此外,在热更新的开发过程中也能拥有它真的很不错。

我不希望 contenthash 产生 buildDir/js/widget.js,因为我不想每次我有新版本时都要求我的客户更新他们的

我应该弹出这个 CRA 吗?我不确定即使我添加另一个入口点,我是否能够按原样控制一个入口点的输出文件名,而对于另一个没有 contenthash 的入口点。

或者最好为这个小部件创建单独的 webpack 配置(在未弹出的 CRA 旁边),但是如何在开发模式下通过热更新运行所有内容?

我在这个项目中使用的是 webpack 4.42.0。

【问题讨论】:

    标签: javascript reactjs create-react-app webpack-4


    【解决方案1】:

    【讨论】:

    • 这是不同的用例,因为这假设整个项目都是为这个小部件构建的,在我的情况下,我有 ReactApp,在它旁边我需要一些非常小的小部件,它只使用完整应用程序的一小部分功能,这就是为什么我不知道如何配置 webpack 所以它会按原样构建原始应用程序,并在它旁边添加一个 js 文件。
    猜你喜欢
    • 2017-10-12
    • 2019-03-01
    • 1970-01-01
    • 2018-01-05
    • 2022-06-14
    • 2021-12-08
    • 2021-04-01
    • 2020-03-17
    • 2017-04-09
    相关资源
    最近更新 更多