2016-12-05 12 views
1

私は300のcssファイルを使用している既存のプロジェクトを持っています。そして今、それをcssからSCSSに変換する必要があります。何百ものCSSファイルをSCSSファイルに変換するにはどうすればよいですか?

いくつかのいずれかが、いくつかの光を当てる場合は、この上のあなたの助けを要求すると、それは完全な素晴らしいものだ。..

オンラインツール

私はオンラインを通じて変換しようとしていますしかし、それはあまりにも多くの時間を行うことが遅れますので、スクリプトで行うことができるいくつかの良いアイデア/提案を見つける。

ありがとうございます!

+1

SCSSはCSSのスーパーセットです。あなたのCSSはすでにSCSSとして読むことができます。 – sawa

+0

本、ツール、ソフトウェアライブラリ、プラグイン、チュートリアル、テクニックの説明、その他のオフサイトリソースの提案、提案、推奨をお願いする質問は、オフトピックです。スタックオーバーフロースタックオーバーフロー –

答えて

2

あなたはsass宝石からSASS-変換する使用できます。my_css_dir

ノート内のすべての.cssファイルを変換するには

sass-convert -R my_css_dir --from css --to scss 

:あなたがSASS 3.4.22が必要と思われます。 hereおよびthereを参照してください。

+1

npmリンクは少し誤解を招く - 'sass-convert'にはSassの宝石が付属しています。 Node.jsパッケージをインストールする必要はありません。 – Stefan

+0

ブックマークが混在しています。どうもありがとうございました! –

+0

Iamは...以下のエラーを取得 C:\ xamppの\ htdocsに\ MYFOLDER \プロジェクト\ CSS-コンバータ> SASS-変換-R CSS --from CSS --to SCSS CSS /スタイル-1.css を変換しますcss/styles-1.scssを作成します。 NoMethodError: "css/styles-1.css"のための未定義メソッド 'read ':文字列 バックトレースに--traceを使用します。 –

1

Ruby gem sassにはsass-converterユーティリティが含まれているので、それらを使用することができます。

ドキュメント:

The sass-convert executable converts between CSS, Sass, and SCSS. When converting from CSS to Sass or SCSS, nesting is applied where appropriate. See sass-convert --help for further information and options.

bundle exec sass-convert ... 

詳細およびオプションについてsass-convert --helpを参照してください。

Source file githubから。 Readme

Gem repository

関連する問題