Home > Web Front-end > HTML Tutorial > 使用下一个版本的ECMAScript编写模块化和可扩展的CSS:unistyle_html/css_WEB-ITnose

使用下一个版本的ECMAScript编写模块化和可扩展的CSS:unistyle_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:37:20
Original
1036 people have browsed it

unistyle实现使用下一个版本的ECMAScript编写模块化和可扩展的CSS。

Why?

使用ES2015 和一些ES2016特性来编写CSS用JavaScript让其真正的模块化,可 扩展,让你很好地实践CSS前或后处理器的所有功能,无需求助于一个新的语言。

Unistyle?

The name is an abbreviation of Uniform Stylesheets. It is also somewhat related to Universal JavaScript or what you want to call it, because of the ability to share the same CSS code written in JavaScript between your frontend component's inline styles and the application's complete CSS.

Installation

Installunistyleusing npm:

npm install --save unistyle
Copy after login

CLI Usage

$> 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
Copy after login

项目主页:http://www.open-open.com/lib/view/home/1441426543628

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template