Question

我正在使用jquery datepicker。如果我输入application.css.scss文件

@import 'jquery-ui/datepicker';

未加载datepicker的样式。

但如果我把

@import 'jquery-ui/datepicker.css';

已加载样式，但在我预编译资产时，/assets/jquery-ui/datepicker.css没有摘要文件因此它不包含在生产中的application.css摘要中。这意味着样式在生产中不起作用。

导入此文件的正确方法是什么？我使用的是sassc和jquery-ui-rails宝石。

Answer 1

确保application.css

中包含以下行

*= require jquery-ui/datepicker

或者，如果要加载所有jquery-ui，请使用以下命令：

*= require jquery-ui

一旦你这样做，就没有必要使用sass导入，所以你可以删除：

@import 'jquery-ui/datepicker.css';

如果您只使用application.css.scss文件，请将*= require jquery-ui/datepicker插入文件的顶部，以便结果看起来像这样

/*
*= require jquery-ui/datepicker
*= require_self
*/