使用browserify-rails包含样式表

我正在使用browserify-rails在我的Rails项目中包含Angular UI Grid。我application.coffee包含以下内容：使用browserify-rails包含样式表

require('angular-ui-grid')

这工作，因为包括node_modules/angular-ui-grid/ui-grid.js感，但它不处理任何样式表。

如何将Angular UI Grid的样式表放入我的应用程序中？

来源

2016-06-09 Jason Swett

JavaScript包含和CSS包含是分开处理的。

您上面的require('angular-ui-grid')调用处理JS的事情，因为它在application.coffee清单文件中。

要包含样式表，您需要在application.scss（或哪个文件是您的主要CSS清单）中额外使用require。

browserify-rails不包括在默认情况下，它的资产负载路径node_modules目录，所以你必须将其添加到assets.rb文件中这样

# Add additional assets to the asset load path 
# Rails.application.config.assets.paths << "node_modules"

来源

2016-06-09 16:31:09

好吧，谢谢。这个项目在'application.css.scss'中有'@ import'语句而不是'require's，我的'* = require angular-ui-grid'没有被解析，只是在我查看实际的CSS文件。所以我得知道。任何建议当然是受欢迎的。 –

尝试在CSS内使用'@import ''。 –

我最终将'application.css.scss'移动到了'main.css.scss'，它允许我在'application.css.scss'中使用'* = require ...'。现在我的挑战是它说'找不到'text/css'类型的文件'angular-ui-grid'。所以显然我还没有文件名/路径。 –

使用browserify-rails包含样式表

回答

相关问题