ホームページ > ウェブフロントエンド > htmlチュートリアル > ECMAScript の次のバージョンを使用してモジュール式で拡張可能な CSS を作成します: unistyle_html/css_WEB-ITnose

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

WBOY
リリース: 2016-06-24 11:37:20
オリジナル
1048 人が閲覧しました

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート