CSS Modules

在 CSS Modules 项目中，CSS Modules 被定义为

CSS Module 是一个 CSS 文件，其中所有类名和动画名默认都是局部作用域。

然而，当前实现尚不成熟，据我所知，尚未在实际情况下使用。目前只有动画和类名是局部作用域，以下工作正在进行中

• 内联 url() 和 @import 语句
• 创建或与资产编译工具（Rollup、Webpack 等）集成

使用

将此crate添加为构建依赖项和常规依赖项

[dependencies]
css-modules = "0.5"

[build-dependencies]
css-modules = "0.5"

在项目的根目录中创建一个构建脚本（build.rs）

use css_modules::CssModules;

fn main() {
    let mut css_modules = CssModules::default();

    // Include all CSS files in the src dir:
    css_modules.add_modules("src/**/*.css").unwrap();

    // Compile all modules and export CSS into one file:
    css_modules.compile("public/app.css");
}

然后最终，您可以包含 CSS 模块

use css_modules::include_css_module;

let css = include_css_module!("test.css"); // relative path to your CSS
let myClass = css["original-class-name"]; // aliased class name

有关更详细的示例，请参阅 examples/ 目录。