本发明涉及软件开发，尤其涉及一种基于webpack打包jquery项目架构管理方法。
背景技术：
1、jquery是一个快速、简洁的javascript框架，封装了javascript常用的功能代码，提供了一种简便的javascript设计模式，优化html文档操作、事件处理、动画设计和ajax交互。传统的基于jquery框架的项目有以下缺点：不能实时编译在线预览效果要手动刷新，本地开发的时候请求不同域名或者端口的接口会有跨域的问题，不能使用sass、less等css预编译，公共组件不能直接动态引入，css和js文件不能根据根据文件指纹自动生成md5文件名从而造成缓存问题，重复代码多，严重降低开发效率，因此需要设计一种可以解决上述问题的管理打包jquery框架的项目架构管理方法。。
技术实现思路
1、本发明涉及一种基于webpack打包jquery项目的架构管理方法，解决目前传统的jquery项目使用静态页面和ajax方式请求接口，不能使用现代化工程化模式开发和打包的问题
2、在本发明中，使用webpack-dev-server在本地启动一个web服务，会使用默认浏览器自动打开网页，实现了每次修改能实时刷新页面，实时预览到修改效果；
3、在本发明中，可以使用现代主流开发中的css预编译器sass，less，能自动给一些有兼容性的样式属性增加浏览器前缀，减低了兼容不同浏览器间的工作量。
4、在本发明中，使用webpack-dev-server的代理功能在本地开发的时候接口能使用代理服务，解决本地开发接口跨域的问题；
5、在本发明中，可以单独新增一个header.html，把公共的头部写在这里，然后打包后会自动把header.html中的内容替换到每个带有<header id＝"header"></header>占位的页面。从而达到简化重复代码的目的，提供工作效率；
6、在本发明中，可以单独新增一个footer.html，把公共的尾部写在这里，然后打包后会自动把footer.html中的内容替换到每个带有<footer id＝"footer"></footer>占位的页面。从而达到简化重复代码的目的，提供工作效率；
7、在本发明中，还可以单独新增一个header.scss，为header.html单独写样式表，然后打包后会把header.scss打包成header.css，并且自动插入到每个带有<！--headerlink-->占位的页面，使页面结构更加合理整洁；
8、在本发明中，还可以单独新增一个footer.scss，为footer.html单独写样式表，然后打包后会把footer.scss打包成footer.css，并且自动插入到每个带有<！--footerlink-->占位的页面，使页面结构更加合理整洁；
9、在本发明中，所有打包过的样式文件和javascript文件都会带有一个md5哈希值，这样每次修改文件后就会生成不同的文件名，从而解决了样式和js在本地浏览器缓存的问题。
1.一种基于webpack打包jquery项目的架构管理方法，其特征在于：
