Webpack/Apache - 浏览时看不到“dist”文件夹

Question

我有一个使用 webpack（加上 TypeScript）的网络项目。

我为运行和构建设置了几个脚本：

"build": "webpack",
"start": "webpack --watch & live-server --port=8888"

Webpack 设置为将一堆文件复制到我的“/dist”文件夹，以及编译我的 TypeScript。一切正常。

当我从我的开发环境“实时”运行时，一切都按预期工作。此外，如果我通过 IDE 或 Finder 浏览文件结构，一切都在那里，完全符合预期。

但是，在构建之后，如果我通过 Web 浏览器浏览目录结构，“dist”文件夹没有显示出来。我看到我的“src”文件夹，加上我的各种配置文件，但没有“dist”。由于我的工作站点位于“dist”文件夹中，因此我实际上无法通过此路由在浏览器中预览它。

我通过 MAMP 使用 Apache 服务器。所有默认设置。

谁能解释为什么“dist”文件夹没有显示，即使它都在“那里”？

非常感谢！

Answer 1

原来这是 .htaccess 的问题。我有一个 HTML5 样板作为我的基础，它被 webpacked 到我的 dist 文件夹中。 .htaccess 会导致文件夹在浏览时不显示。