rails javascript资产冲突

Question

目前，我与两个提供javascript资产的宝石一起工作。这两项资产相互冲突。

在我的例子中，它是图表宝石和引导-wysihtml5 5-rails宝石。

我在目前的项目中都有。首先，我只有一些文本框的引导-wysihtml5 5-rails创业板。昨天，我在仪表板的项目中添加了lazy_high_charts gem。

我在应用程序中的多个地方都有wysiwyg文本框。对于仪表板，我创建了一个带有索引操作的新控制器仪表板。

在我添加了lazy_high_charts_gem并要求application.js清单文件中包含javascript文件之后，整个项目中文本框中的所有wysiwyg编辑器都消失了。当我从我的lazy_high_charts文件中删除application.js javascript要求时，wysiwyg编辑器就回来了。

第一次尝试我第一次尝试修复它是为了改变我的javascript要求的顺序，从：

application.js

//= require bootstrap-wysihtml5
//= require bootstrap-wysihtml5/locales/de-DE
//= require highcharts/highcharts                                                           
//= require highcharts/highcharts-more                                                         
//= require highcharts/highstock

致：application.js

//= require highcharts/highcharts                                                           
//= require highcharts/highcharts-more                                                         
//= require highcharts/highstock
//= require bootstrap-wysihtml5
//= require bootstrap-wysihtml5/locales/de-DE

但这没什么改变。

第二次尝试

我第二次尝试修复这个问题是为了要求lazy_high_charts文件中的dashboard.js javascript文件。

application.js

//= require bootstrap-wysihtml5
//= require bootstrap-wysihtml5/locales/de-DE

dashboard.js

//= require highcharts/highcharts                                                           
//= require highcharts/highcharts-more                                                         
//= require highcharts/highstock

但是这种尝试的问题是，在预编译所有资产之后，javascript文件被编译到这个大的javascript文件中，我的wysiwyg编辑器再次停止。

我的第三个想法是:我的仪表板可以为我的仪表板控制器创建一个自己的资产文件夹和一个清单文件。在javascript清单中，我可能需要lazy_high_charts javascript文件。在我的仪表板/index.html.erb视图文件的底部，我可以用

<%= javascript_include_tag "dashboard" %>

这将解决目前的问题。但是当我需要一个具有高图表和wysiwyg文本框的视图时，我再次遇到了同样的问题。

因此，我问我是否没有一个更好的解决方案，它将停止两个宝石之间的冲突，并允许我在相同的观点中使用这两个问题。

Answer 1

我在基座中使用了完整的基座，这与引导非常相似，而且我没有发现任何兼容性问题.

也许不是你想要的答案，但也许是个不错的选择！