codecamp

列举webpack的几大特色

webpack是一款优秀的静态资源打包工具,本文将会介绍其一些特色。

插件

webpack有丰富的插件接口。内部插件使用这些接口完成了大部分特色。这些接口使webpack非常灵活。

性能

webpack使用异步I/O,并且有多级缓存机制。这让webpack速度非常快,和让人难以置信的增量编译速度。

加载器

webpack通过加载器机制支持文件的预处理。webpack支持打包任何静态资源,而不仅仅是javascript。你也可以很容易的编写自己的插件。

支持

webpack支持ADMCommonJs模块风格。webpack对代码执行聪明的静态语法分析,甚至有一个评估引擎用来评估简单表达式。这使webpack对大部分现存的库的能很好的支持。

代码分割(模块)

webpack支持代码分割成块(模块),块可按需加载,减少初始加载时间。

优化

webpack会进行很多优化工作,来减少文件的大小,对访问缓存也有很好的支持——哈希值。

开发工具

webpack支持SourceUrls和SourceMaps,可用于简单的调试。也可监控文件,通过中间件和服务器实现自动重载。

多平台

webpack是为web而生的,但也支持webworks和node.js。

更多资料

分享几个制作loading效果的生成工具
我的gem笔记
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }