使用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包含樣式表

回答

相關問題