通常の CSS ファイルを SCSS ファイルにインポートしますか? 質問する

通常の CSS ファイルを SCSS ファイルにインポートしますか? 質問する

Sass のコマンドを使用して通常の CSS ファイルをインポートする方法はありますか@import? Sass の SCSS 構文をすべて使用しているわけではありませんが、結合/圧縮機能は気に入っています。すべてのファイルを *.scss に名前変更せずに使用できるようにしたいと考えています。

ベストアンサー1

同じ問題が発生した後、ここでのすべての回答と github の sass リポジトリのコメントに混乱しました。

2014年12月現在、この問題は解決されていることを指摘しておきます。現在では、cssファイルを直接Sassファイルにインポートすることが可能です。以下広報github で問題が解決しました。

@import "your/path/to/the/file"構文は、ファイル名の後に拡張子を付けずに、現在と同じです。これにより、ファイルが直接インポートされます。*.css末尾に追加すると、cssルールに変換されます@import url(...)

次のような「派手な」新しいモジュールバンドラーを使用している場合は、ウェブパック~、パスの先頭でuse を使用する必要があるでしょう。したがって、次のパスをインポートする場合はnode_modules/bootstrap/src/core.scss、次のように記述します
@import "~bootstrap/src/core"

注:
これはすべての人に有効というわけではないようです。あなたのインタープリターがlibsassこれに基づいている場合は、問題なく動作するはずです(チェックアウトこれ)。node-sass で使用してテストしましたが@import、問題なく動作しています。残念ながら、これは機能するものと、一部の Ruby インスタンスでは機能しないものがあります。

おすすめ記事