在JSPM中使用angular-ui-tinymce - 无法加载模板和插件

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为最常见的主题提供单独的包会很有帮助，但我承认有很多主题和插件，所以这将是相当多的工作。

最后，最简单的方法是将主题和插件文件复制到＆＃34;更正＆＃34;我自己的源代码中的相对目录。通过这种方式，我可以更改tinymce的相对baseURL，当我在生产环境和开发环境中运行它时，它将是正确的。

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

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