2

CSS スタイルシートをコンポーネントから .sass ファイルにインポートしようとしています。この例では、コンポーネントは bootstrap-select であり、インポートは次のようになります。

@import 'bootstrap-select/bootstrap-select.css'

これは正常にビルドされますが、ブラウザーはファイルを見つけることができません。ブラウザーに次のエラーが表示されます。

GET http://localhost:9000/styles/bootstrap-select/bootstrap-select.css 404 (Not Found)

ビルドに .css ファイルを含めるためにセットアップする必要がある特別なものはありますか?

4

3 に答える 3

1

ファイルのコードを Sass ファイルにインポートするには、インポートしたファイルの末尾が.sassorである必要があります。.scssファイルがコードで終わっている場合.css、コードは吸い込まれず@import、HTTP リクエストを作成する通常の CSS ステートメントです。

インポートしたい css ファイルをコピーし、末尾のファイル.scssと@importそのファイルを変更するだけです。その後、Sass はコードを吸い込み、@importCSS ファイル内のステートメントをそれに置き換えます。

于 2013-10-15T09:56:57.603 に答える
0

カリルが言ったこと。しかし、代わりにbootstrap-sassを使用することをお勧めします。これにより、含めることができるものと含めることができないものに関して、より多くの柔軟性が得られます。私はこれを本番環境で使用していますが、非常に優れています。ボタンの色や間隔などを微調整できるように、変数を含めてビルドを完全に調整できます。例えば：

/*
|---------------------------------------------------------------------
| Only include the parts of Bootstrap that we are actually using.
|---------------------------------------------------------------------
*/

$navbar-margin-bottom: 0;

@import "../vendor/bootstrap-sass/lib/variables";
@import "../vendor/bootstrap-sass/lib/mixins";
@import "../vendor/bootstrap-sass/lib/normalize";
@import "../vendor/bootstrap-sass/lib/print";
@import "../vendor/bootstrap-sass/lib/scaffolding";
@import "../vendor/bootstrap-sass/lib/type";

// etc

bower.jsonそれを( )に追加しbootstrap-sass、代わりにそれを使用します。

于 2013-10-15T20:07:28.837 に答える