一种基于webpack打包jQuery项目的架构管理方法技术

技术编号:41857575 阅读:23 留言:0更新日期:2024-06-27 18:32
本发明专利技术公开了一种基于webpack打包jQuery框架的项目架构管理方法,其包括基于脚手架webpack,配置webpack和webpack插件,把pages下面的目录打包成对应的html页面、css、js文件;并将其存储在对应的目录中;打开终端并进入项目所在目录,获取package.json中的scripts中的执行命令,根据执行命令执行npm run dev在开发时实时预览效果;或者运行npm run build执行打包上线任务。本发明专利技术实现了一个基于webpack和jQuery的html、css、js分离,公用头部文件和公用底部文件分离的,可灵活创建新项目可以使用现代工程化、css预编译器,可代理接口地址解决接口跨域问题,es6新语法并同时可实时预览运行,和打包上线的开箱即用的项目架构管理方法。

【技术实现步骤摘要】

本专利技术涉及软件开发,尤其涉及一种基于webpack打包jquery项目架构管理方法。


技术介绍

1、jquery是一个快速、简洁的javascript框架,封装了javascript常用的功能代码,提供了一种简便的javascript设计模式,优化html文档操作、事件处理、动画设计和ajax交互。传统的基于jquery框架的项目有以下缺点:不能实时编译在线预览效果要手动刷新,本地开发的时候请求不同域名或者端口的接口会有跨域的问题,不能使用sass、less等css预编译,公共组件不能直接动态引入,css和js文件不能根据根据文件指纹自动生成md5文件名从而造成缓存问题,重复代码多,严重降低开发效率,因此需要设计一种可以解决上述问题的管理打包jquery框架的项目架构管理方法。。


技术实现思路

1、本专利技术涉及一种基于webpack打包jquery项目的架构管理方法,解决目前传统的jquery项目使用静态页面和ajax方式请求接口,不能使用现代化工程化模式开发和打包的问题

>2、在本专利技术中本文档来自技高网...

【技术保护点】

1.一种基于webpack打包jQuery项目的架构管理方法,其特征在于:

【技术特征摘要】

1.一种基于webpack打包jque...

【专利技术属性】
技术研发人员:李熏胜
申请(专利权)人:深圳市轻松信息科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1