详细的webpack介绍什么的，在这里就不说了，直接写它能做什么以及如何去做！ 常用的功能有： 代码压缩： html压缩 （使用HtmlWebpackPlugin插件） HtmlWebpackPlugin插件在生成HTML调用了 html-minifier 插件来完成对HTML的压缩，这里我们使用两个配置完成来移除HTML中的注释以及空白符达到压缩的效果，其他的具体的配置参数大家请参考 html-minifier API //根据模板插入css/js等生成最终HTML new HtmlWebpackPlugin({…
Node的http模块提供了两个函数 http.request http.get 功能是作为客户端向HTTP 服务器发起请求，http模块可以作为服务器也可作为客户端，Node经常会需要访问外部服务器来实现功能，可以使用这两个函数。 http.request 接受两个参数，option 是一个类似关联数组的对象，表示请求的参数，callback是请求的回调函数 。 http.request 返回一个 http.ClientRequest 的实例 。 常用的options有： var options = { prot…
使用node开发的小伙伴都知道，每次更改完程序代码之后必须重启一下，否则不会更新，但是每次手动重启又特别麻烦，有的时候自己忘了重启一直出不来效果还让自己很气愤。 nodemon 是一款非常实用的工具，用来监控 NodeJS 源代码的任何变化和自动重启你的服务器，这样我们只需要刷新页面就能看到你的改动。这里还有个一个工具 supervisor 也能实现同样的功能，但相…
上一篇文章文章介绍了前端工程化中的缓存问题，以及如何处理缓存问题,比较好的就是gulp-rev正好解决的就是这个问题。 参见上一篇文章，rev做的事情真是如此，他会根据静态文件资源内容生成一个内容散列值，打包出来的文件会增加上这个散列值，与此同时会生成一个json文件用来保存打包前和打包后文件的对应关系。然后将html里面的链接修改为增加散列值的文件就可以了，这样就可以找到资源了。很重要的一点（上一篇文章也介绍了）就是：静态服务器要配置静态资源的过期时间为永不过期。 这样做的目的是： 静态资源在客户端只会请求一次（…
在我刚开始接触前端的时候，曾在知乎上看到一篇关于缓存和前端工程化的文章（回答），激发了我对前端领域的兴趣，但是当时的我还只是个孩子（哈哈），完全看不懂文章讲的是什么，当时给我的感觉就是好厉害的样子，时至今日，偶然又看到这篇文章，以及文章中的前端工程化和处理缓存的方法，竟与我现在的做法不谋而合（好的解决方案一定会普及的），虽然是两年钱的文章了，但是原理依旧正确可用。 以下为正文： 这是一个非常有趣的 非主流前端领域，这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题，入行到现在一直在学习和实践中。 在我…