zhongzhong

此人很懒,啥都没写

所在地区 : 中国-广东-深圳
加入时间 : 2016-12-26
最近登录 : 2017-01-21 上午 11:37
我的母语 : 中文
第一外语 : 英文 ( A3 级)
资格证书 : <无>

关注的频道

翻译 177 段

最新动态

zhongzhong 吱了一声
3小时前
QQ
zhongzhong 吱了一声
1天前
666
zhongzhong 吱了一声
2天前
。。。
zhongzhong 吱了一声
3天前
还有比我早的!!!1
zhongzhong 吱了一声
4天前
这周有可能给我兑换奖品嘛:) :smile:
zhongzhong 吱了一声
4天前
吱吱吱,兑换奖品啦
zhongzhong 吱了一声
5天前
00
zhongzhong 吱了一声
6天前
111
我们的构建系统创建了两个chunk, 和   和  因为我们的应用程序没有明确地依赖于这两个包,global chunk不能执行摇树优化,但它可以通过minifier优化。 现在让我们开始进行生产环境代码的构建和使用摇树优化以及将代码缩小:
简而言之,当执行树摇优化, Webpack移除连接, UglifyJsPlugin移除代码。 结果 现在是时候看下我们的应用摇树优化之后的Bundle了。 我们在开发模式下执行build,在没有摇树优化之前,首先要有一个文件的大小来做比较。
对于摇树优化有三件事情需要记住: 我们需要使用2.x版本 。 我们需要保持我们的应用和库代码(Angular2)在同一个位置。 我们需要缩小文件。 默认情况下, Webpack 2 执行摇树优化移除我们应用的Bundle中模块中没有导...
zhongzhong 吱了一声
1周前
Webpack配置 Webpack配置是非常标准的。 我们使用 下面,我们只显示配置文件的相关部分。详细查看该文件,请检查源代码。 webpack.config.js
摇树优化是我们构建系统的最后一件事,它在TypeScript完成代码转换之后。问题是TypeScript1.x转将代码转换为ES5之后不能保存import语法。幸运的是, Typescript 2解决了这个问题现在可以有一个配置文件如...
请注意,以上的库我们都是使用的都是2.X的版本。 这个是必须的,为了我们下一步能够执行摇树优化。 为什么需要TypeScript2 ? Webpack 2 在没有使用loader的时候就能够识别import语法,这也是为什么它能够执行...
这些库是我们的简单应用程序在某些地方要用到的,以及两个另外两个我们的代码不直接调用的但需要在浏览器中整个都是可用的。 这两个依赖就是   要记住当我们开始谈论 chunks的时候,我们说的是webpack创建的。 接下来,我们将重点讨...
在src目录中,我们定义了一个根模块和一个根组件,还有样式文件和模板文件。 详细查看代码,请查看 blog post repository。 我们把注意力集中在我们的配置文件package.json, tsconfig.json和we...
应用结构 在我们开始讨论如何去创建一个有细微差别的Webpack构建系统之前,让我们看看我们的“Hello World”应用程序的文件夹结构。 在这个例子中,我们有两个文件夹:
Angular 2框架是非常大的。 仅仅是创建一个 "hello world" 应用,我们应用的最后的Bundle可能超过2.5M。 如果你有一个50 Mbps的网络连接,这似乎没有问题,但大多数人没有这样的特权。另外,Angular...
免责声明: 正如Ben Elliot所指出的,UglifyJs插件是用于Webpack的构建过程中的,因为这些它不能移除未使用的Typescript类 ,转换的时候,使用IIFE实现。 在这篇文章中提到的Bundle的大小不能真正的反...
显示更多