[发明专利]一种网页前端开发方法及装置

权利要求书

1.一种网页前端开发方法，其特征在于，包括：

建立项目开发目录；

对所述项目开发目录中的静态资源进行实时编译；

对编译结果进行优化处理并输出至开发页面；

将优化结果上传至测试服务器；

将通过测试的优化结果发布至内容分发网络服务器；

其中，所述静态资源包括模块文件，所述模块文件中包括模板文件、JavaScript文件和层叠样式表文件；

在建立项目开发目录之后，还包括：

当所述项目开发目录中的静态资源发生变化时，自动编译变化后的静态资源并将编译后的静态资源同步至用于存储优化结果的与所述项目开发目录对应的缓存目录，同时自动刷新浏览器页面；

所述对编译结果进行优化处理，包括：

为所述编译结果中的静态资源添加统一的内容分发网络前缀，并采用版本号非覆盖递增方式进行命名；

对字符编码进行统一；

分别对上述静态资源中的多个JavaScript文件和多个层叠样式表文件进行合并和压缩。

2.根据权利要求1所述的方法，其特征在于，在对项目中的静态资源进行实时编译时，还包括：

当检测到代码错误时，输出出错提示信息至所述开发页面。

3.根据权利要求1所述的方法，其特征在于，将优化结果输出至开发页面，包括：

将优化结果中的数据信息输出至开发页面；

将所述模块文件依赖的JavaScript文件路径信息及层叠样式表文件路径信息输出至开发页面。

4.一种网页前端开发装置，其特征在于，包括：

目录建立模块，用于建立项目开发目录；

静态资源编译模块，用于对所述项目开发目录中的静态资源进行实时编译；

优化处理模块，用于对编译结果进行优化处理并输出至开发页面；

上传模块，用于将优化结果上传至测试服务器；

发布模块，用于将通过测试的优化结果发布至内容分发网络服务器；

其中，所述静态资源包括模块文件，所述模块文件中包括模板文件、JavaScript文件和层叠样式表文件；

同步模块，用于在建立项目开发目录之后，当所述项目开发目录中的静态资源发生变化时，自动编译变化后的静态资源并将编译后的静态资源同步至用于存储优化结果的与所述项目开发目录对应的缓存目录，同时自动刷新浏览器页面；

所述优化处理模块具体用于：

为所述编译结果中的静态资源添加统一的内容分发网络前缀，并采用版本号非覆盖递增方式进行命名；

对字符编码进行统一；

分别对上述静态资源中的多个JavaScript文件和多个层叠样式表文件进行合并和压缩。

5.根据权利要求4所述的装置，其特征在于，还包括：

错误提示模块，用于在对项目中的静态资源进行实时编译时，如果检测到代码错误，则输出出错提示信息至所述开发页面。

6.根据权利要求4所述的装置，其特征在于，所述优化处理模块具体用于：

将优化结果中的数据信息输出至开发页面；

将所述模块文件依赖的JavaScript文件路径信息及层叠样式表文件路径信息输出至开发页面。