[发明专利]一种Web Components组件中引入样式的方法及装置

权利要求书

1.一种Web Components组件中引入样式的方法，其特征在于，包括：

获取一个或者多个样式模块；

将各个所述样式模块编译生成对应的CSS结果；

将各个所述CSS结果进行组件化封装，分别转换为对应的样式组件；

根据所预设的条件，将合适的所述样式组件引入到需要该种或者该些样式组件的WebComponents组件中。

2.根据权利要求1所述的Web Components组件中引入样式的方法，其特征在于，所述样式模块，包括:

全局样式拆分出的细粒度样式模块或直接编辑的样式模块。

3.根据权利要求2所述的Web Components组件中引入样式的方法，其特征在于，所述直接编辑的样式模块，包括:

通过CSS预处理器语言编辑。

4.根据权利要求1所述的Web Components组件中引入样式的方法，其特征在于，所述所预设的条件，包括：

所述待开发的新组件的需求。

5.根据权利要求1所述的Web Components组件中引入样式的方法，其特征在于，所述将各个所述CSS结果进行组件化封装，分别转换为对应的样式组件，包括：

在所述CSS结果外部包上一层Web Components的组件定义结构体，并根据所述样式模块路径确定所述样式组件的唯一名称。

6.根据权利要求1所述的Web Components组件中引入样式的方法，其特征在于，所述将各个所述样式模块编译生成对应的CSS结果与将各个所述CSS结果进行组件化封装，分别转换为对应的样式组件的步骤通过编译引擎实现。

7.根据权利要求6所述的Web Components组件中引入样式的方法，其特征在于，所述编译引擎，包括：

将所述编译引擎适配到本地服务器，以服务器的插件形式提供编译服务。

8.根据权利要求1所述的Web Components组件中引入样式的方法，其特征在于，所述以服务器的插件形式提供编译服务，包括：

在开发阶段，将所述样式模块进行动态编译输出所述样式组件。

9.根据权利要求6所述的Web Components组件中引入样式的方法，其特征在于，所述编译引擎，包括：

将所述编译引擎适配到构建工具的文件流中，以构建工具的插件形式提供文件流处理服务。

10.根据权利要求9所述的Web Components组件中引入样式的方法，其特征在于，所述以构建工具的插件形式提供文件流处理服务用于，包括：

在构建阶段，对所述样式模块进行固化编译生成所述样式组件的实体文件。

11.根据权利要求1所述的Web Components组件中引入样式的方法，其特征在于，所述Web Components组件，包括一个或者多个所述样式组件，以及一个或者多个普通组件，以及将上述样式组件、普通组件组合为一个Web Components组件所需要的Web Components组件逻辑。

12.根据权利要求1所述的Web Components组件中引入样式的方法，其特征在于，所述将合适的所述样式组件引入到需要该种或者该些样式组件的Web Components组件中，采用HTML Import引入。

13.根据权利要求1所述的Web Components组件中引入样式的方法，其特征在于，包括:

使用Polymer框架实现。

14.一种Web Components组件中引入样式的装置，其特征在于，包括：

获取单元，用于获取一个或者多个样式模块；

编译单元，用于将获取单元中的各个所述样式模块文件编译生成对应的CSS结果；

封装单元，用于将编译单元的各个所述CSS结果进行组件化封装，分别转换为对应的样式组件；

引入单元，用于根据所预设的条件，将封装单元中的合适的所述样式组件引入到需要该种或者该些样式组件的Web Components组件中。