创建从 AngularJS dist 文件夹到另一个 Angular.io dist 文件夹的符号链接

Question

我正在开发一个由 AngularJS 应用组成的项目（我将其命名为 appjs ) 和一个 Angular.io (v6) 应用程序（我称之为 appio）。在生产中，它的工作原理如下：

• appio 是用 ng build 构建的。
• appjs 是用 npm 运行 构建的。
• appjs 由 Apache 提供，但 appio 是通过 appjs/dist 中包含的符号链接提供的。此符号链接是在生产环境中自动创建的。

所以，假设 appio 控制着 /login。当有人想登录应用程序时，它将被重定向到类似：

test.com/appjs/appio/login (where appio is the symlink I was talking about.)

这行得通...目前，在生产中，但在开发中，每次构建项目时，我都必须手动创建符号链接，因为每次对 appjs 进行更改时，appjs 的 dist 文件夹都会完全重建并且符号链接丢失了。

我已经尝试 Webpack Shell Plugin 使用类似

的方式自动创建符号链接

ln -s ~/appio/dist/appio/ ~/appjs/dist/appio

但它的 onBuildEnd 事件发生在创建 dist 文件夹之前。

有人知道我如何自动将此符号链接注入 appjs 的 dist 文件夹吗？

我想澄清一下我没有创建这个项目的架构。

非常感谢。

Answer 1

我刚刚解决了这个问题。 1. 在 src 文件夹（或任何你的代码所在的地方）创建符号链接 2. 将清理插件添加到您的 webpack 配置中 3.在插件配置中，排除符号链接文件 每次编译后，webpack 只会将符号链接复制到 dist 文件夹。