所以现在我正在使用一个原型,我们正在使用webpack(用于构建.tsx文件和复制.html文件)和webpack-dev-server之间的组合来进行开发服务.您可以假设我们也将React和ReactDOM用作几个库依赖项.我们当前的构建输出是以下结构:
dist
-favicon.ico
-index.html
-main.js
-main.js.map // for source-mapping between tsx / js files
这会将所有模块(包括库依赖项放在大型捆绑文件中)放置.我希望最终结果如下所示:
dist
-favicon.ico
-index.html
-appName.js
-appName.min.js
-react.js
-react.min.js
-reactDOM.js
-reactDOM.min.js
我引用了index.html中的每个库以及.tsx文件中的import语句.所以我的问题是这个...我如何从webpack生成这个巨大的捆绑.js文件到单独的.js文件(包括库,而不必单独指定)？**奖励:我知道如何做prod/dev环境标志,所以我如何缩小这些单独的文件(再次没有捆绑它们)？
当前的webpack.config:
var webpack = require("webpack"); // Assigning node package of webpack dependency to var for later utilization
var path = require("path"); // // Assigning node package of path dependency to var for later utilization
module.exports = {
entry: [
"./wwwroot/app/appName.tsx", // Starting point of linking/compiling Typescript and dependencies, will need to add separate entry points …我想设置一个静态网站，并将文件存储在 Google 存储桶中。我已经拥有一个自定义域，并且至少有一些准系统文件来查看网站是否设置成功。
理想情况下，我希望在访问该自定义域时通过 SSL 提供内容，并利用 Google Cloud CDN 从 Google Storage 缓存内容，以便最终用户可以从 CDN 获得内容，而不是直接从 Cloud Storage 获得内容。
我还无法找到完美的设置，甚至无法确定 Google 目前是否启用/支持此场景（我读到可能需要利用负载均衡器来支持 SSL，但没有任何结论） ）。
到目前为止，我已经创建了一个 Google Storage 存储桶并上传了所需的文件。然后，我将存储桶设为公开可读，以确保不存在任何权限问题。从那里，我设置了一个负载均衡器来利用我的自定义域，选中 Google Cloud CDN 的复选框，将刚刚创建的存储桶设置为后端，并将主机文件映射设置为默认设置。
更新：事实证明只需要几个步骤。首先，我需要为正在使用的存储桶关闭“请求者付费”。其次，我需要为“allUsers”添加“存储对象查看器”的权限（旧权限在这里不起作用）。最后，我必须将“A”和“AAAA”记录设置为我的域名上的 DNS 配置的负载均衡器的 IPV4 和 IPV6 地址（并清除所有以前的值，以便它们仅引用新值） ）。当所有这些都完成之后，一切就都正常了:)
感谢 Cloud Ace（引导我走向正确的方向）和我上周遇到的 Google 客户工程师（推荐我参考这篇文章： https: //medium.com/@marco_37432/create-a-custom -domain-cdn-with-google-beta-7ad9531dfbae）！