将 angular-ui-tinymce 与 JSPM 一起使用 - 无法加载模板和插件

Question

我遇到了已经在 GitHub here 上记录的相同问题。 ui-tinymce 引用了一些在我的应用程序中无法达到的依赖项。

    GET http://localhost:8080/jspm_packages/github/tinymce/tinymce-dist@4.3.12/themes/modern/theme.min.js @ angular.js:6084
tinymce.js:9426 Failed to load: /jspm_packages/github/tinymce/tinymce-dist@4.3.12/themes/modern/theme.min.js

我可以使用上面 github 问题中建议的解决方法，它会更改 baseURL。这在我的开发环境中运行良好。但是，当我运行 jspm bundle-sfx 时，它没有获取这些依赖项，我在没有模板或插件的情况下处于相同的情况。

解决这个问题的最佳方法是什么？ angular-ui-tinymce 能否分解成独立包中的依赖文件？或者我应该只使用 gulp 来解决这个问题？

Answer 1

我尝试使用 Gulp 连接丢失的文件，但是这不起作用，因为默认情况下 tinymce 仍然希望文件位于它在其自己的内部文件结构中使用的相对位置。

我仍然认为 Tinymce 为最常见的主题提供单独的包会有所帮助，但是我承认有很多主题和插件，所以这将是一个相当大的工作量。

最后最简单的事情就是将主题和插件文件复制到我自己的源代码中的 "correct" 相关目录中。这样我就可以更改 tinymce 的相对 baseURL，当我在生产和开发环境中运行它时它将是正确的。

这样我可以运行 jspm bundle-sfx 它将这些文件与其他所有文件捆绑在一起。但是，如果您没有在应用程序中静态地提供该区域，则可能必须显式导入文件。例如：

import 'sysadmin/app/tinymce/themes/modern/theme';

将 angular-ui-tinymce 与 JSPM 一起使用 - 无法加载模板和插件

Using angular-ui-tinymce with JSPM - unable to load templates and plugins

jspm

angular-ui-tinymce