ECMAScript の次のバージョンを使用してモジュール式で拡張可能な CSS を作成します: unistyle_html/css_WEB-ITnose

ECMAScript の次のバージョンを使用してモジュール式で拡張可能な CSS を作成するための unistyle 実装。

なぜですか?

ES2015 と一部の ES2016 機能を使用して JavaScript で CSS を作成すると、CSS が真にモジュール化され拡張可能になり、新しい言語に頼ることなく CSS のプリプロセッサまたはポストプロセッサのすべての機能を実践できるようになります。

Unistyle?

この名前は、Uniform Stylesheets の略語でもあり、フロントエンド コンポーネントのインライン スタイル間で JavaScript で記述された同じ CSS コードを共有できるため、Universal JavaScript またはそれと呼ばれるものに多少関連しています。およびアプリケーションの完全な CSS

インストール

npm を使用して Unistyle をインストールします:

npm install --save unistyle

CLI の使用法

$> unistyle --helpUsage: bin/unistyle [options] <path to module>Options:  -o, --output   Output compiled CSS to specified file instead of to stdout  [string]  -h, --help     Show help  [boolean]  -v, --version  Show version number  [boolean]Examples:  bin/unistyle -o app.css src/styles.js  Compile src/styles.js to app.css  bin/unistyle -o style.css style        Compile style/index.js to style.css

プロジェクトのホームページ: http://www.open-open.com/lib/view/home/144142654362 8