[发明专利]一种实现文件信息共享的方法和装置

说明书

本发明公开了一种实现文件信息共享的方法和装置，涉及计算机技术领域。该方法的一种具体实施方式包括：获取记载了待共享信息的共享文件，所述待共享信息指示了一个或多个共享变量及所述共享变量对应的值；使用模块打包器加载所述共享文件；从加载后的所述共享文件中获取所述共享变量及所述共享变量对应的值；将所获取的所述共享变量及所述共享变量对应的值插入到第一目标文件中；使用所述模块打包器对所述第一目标文件进行编译，生成用以进行页面展示的第二目标文件，以实现所述共享文件与所述第二目标文件的信息共享。该实施方式能够在现有的CSS或者JS语言的基础上，实现CSS对JS信息的访问，减少了开发者学习新代码需消耗的时间及精力。

技术领域

本发明涉及计算机技术领域，尤其涉及一种实现文件信息共享的方法和装置。

背景技术

目前，Web开发者需要同时掌握多种语言并能够灵活应用多种语言，如负责网页的结构HTML语言、负责网页的样式CSS(层叠样式表)语言、负责网页的逻辑和交互JavaScript(简称JS)语言等。为提高页面的开发效率、降低开发者学习不同语言的难度，出现了CSS-in-JS技术方案，也即采用JavaScript语言写CSS。该方案弥补了CSS和JS之间的差距，可以让CSS轻松访问JS上的信息并用于自身。

在实现本发明过程中，发明人发现现有技术中至少存在如下问题：由于采用JavaScript语言写CSS与原有的CSS不同，开发人员需要重新学习新的代码，耗费时间及精力；CSS-in-JS将CSS写入HTML无法缓存，加载速度慢、用户体验差。

发明内容

有鉴于此，本发明提供了一种实现文件信息共享的方法和装置，能够在现有的CSS或者JS语言的基础上，实现CSS对JS信息的访问，上手快；又避免了使用CSS-in-JS将CSS写入HTML无法缓存的问题，从而可以提页面高加载速度，提高用户体验。

为实现上述目的，根据本发明的一个方面，提供了一种实现文件信息共享的方法，包括：

获取记载了待共享信息的共享文件，所述待共享信息指示了一个或多个共享变量及所述共享变量对应的值；

使用模块打包器加载所述共享文件；

从加载后的所述共享文件中获取所述共享变量及所述共享变量对应的值；

将所获取的所述共享变量及所述共享变量对应的值插入到第一目标文件中；

使用所述模块打包器对所述第一目标文件进行编译，生成用以进行页面展示的第二目标文件，以实现所述共享文件与所述第二目标文件的信息共享。

可选地，所述模块打包器是Webpack。

可选地，所述共享文件遵循CommonJS规范。

可选地，所述第一目标文件为层叠样式表预编译文件，所述第二目标文件为层叠样式文件；

或所述第一目标文件为JavaScript文件，所述第二目标文件为CSS-in-JS文件。

可选地，在所述第一目标文件为层叠样式表预编译文件，所述第二目标文件为层叠样式文件的情况下，还包括：

从加载后的所述共享文件中，获取所述一个或多个共享变量，以生成第一数组，所述第一数组的元素指示了所述共享变量；

遍历所述第一数组，从加载后的所述共享文件中获取所述共享变量对应的值，以生成以第二数组，每一个所述第二数组的元素指示了一个键值对，所述键值对的键名指示了所述共享变量，所述键值对的值指示了所述共享变量对应的值；

根据所述第二数组，生成含有所述键值对的字符串；

将含有所述键值对的所述字符串插入到所述第一目标文件中。