Angular 从角度2到角度4-文件大小减少和速度提高
我正在使用Webpack并成功地从Angular 2升级到Angular 4。然而,无论是我编译的vendors.js还是app.js,我都没有看到预期的60%的文件大小缩减 vendor.js 前:913kb 现在:975kb app.js 前:308kb 现在:307kb 我错过了什么?我们是否需要使用Angular CLI来利用文件大小的减少 my package.json:Angular 从角度2到角度4-文件大小减少和速度提高,angular,Angular,我正在使用Webpack并成功地从Angular 2升级到Angular 4。然而,无论是我编译的vendors.js还是app.js,我都没有看到预期的60%的文件大小缩减 vendor.js 前:913kb 现在:975kb app.js 前:308kb 现在:307kb 我错过了什么?我们是否需要使用Angular CLI来利用文件大小的减少 my package.json: "dependencies": { "@angular/common": "~4.0.1",
"dependencies": {
"@angular/common": "~4.0.1",
"@angular/compiler": "~4.0.1",
"@angular/core": "~4.0.1",
"@angular/forms": "~4.0.1",
"@angular/http": "~4.0.1",
"@angular/platform-browser": "~4.0.1",
"@angular/platform-browser-dynamic": "~4.0.1",
"@angular/router": "~4.0.1",
"core-js": "^2.4.1",
"rxjs": "5.0.1",
"zone.js": "^0.8.4"
},
"devDependencies": {
"@types/node": "^6.0.45",
"angular2-template-loader": "^0.6.0",
"awesome-typescript-loader": "^3.0.4",
"copy-webpack-plugin": "^4.0.0",
"css-loader": "^0.25.0",
"css-to-string-loader": "^0.1.2",
"extract-text-webpack-plugin": "^1.0.1",
"file-loader": "^0.8.5",
"html-loader": "^0.4.3",
"html-webpack-plugin": "^2.15.0",
"ng2-facebook-sdk": "^1.1.0",
"null-loader": "^0.1.1",
"raw-loader": "^0.5.1",
"resolve-url": "^0.2.1",
"rimraf": "^2.5.2",
"style-loader": "^0.13.1",
"to-string-loader": "^1.1.5",
"typescript": "~2.1.6",
"webpack": "^1.13.0",
"webpack-dev-server": "^1.14.1",
"webpack-merge": "^0.14.0"
}
}
基于Estus的评论(谢谢)。我们需要使用AoT(提前编译),而不是通常的JiT(即时编译),以便利用Angular 4的大小缩减和速度增强。将AoT与Angular Cli一起使用,并为客户端浏览器(平台浏览器)创建AoT
看
不要将它与使用Universal(另一种使用平台服务器的AoT形式)在服务器上运行Angular来获取搜索引擎索引和SEO好处相混淆
基于埃斯特斯的评论(谢谢)。我们需要使用AoT(提前编译),而不是通常的JiT(即时编译),以便利用Angular 4的大小缩减和速度增强。将AoT与Angular Cli一起使用,并为客户端浏览器(平台浏览器)创建AoT
看
不要将它与使用Universal(另一种使用平台服务器的AoT形式)在服务器上运行Angular来获取搜索引擎索引和SEO好处相混淆
您需要使用AoT、ES2015模块和最新的网页包来感受差异(不太可能达到60%左右)。对供应商的引用是毫无意义的,因为它不清楚您期望的减少量。文件大小也是如此。你必须比较缩小的、压缩的文件。更仔细地听那些会议谈话中的评论。他们正在谈论更具攻击性的树摇动和缩小,并经常提到“关闭”作为cli捆绑的网页。此外,每一次提到的项目都比你在这里提到的要大得多。因此,这主要是一个“规模”的问题,在某种程度上是不同的工具。你需要使用AoT、ES2015模块和最新的网页来感受差异(而且不太可能达到60%左右)。对供应商的引用是毫无意义的,因为它不清楚您期望的减少量。文件大小也是如此。你必须比较缩小的、压缩的文件。更仔细地听那些会议谈话中的评论。他们正在谈论更具攻击性的树摇动和缩小,并经常提到“关闭”作为cli捆绑的网页。此外,每一次提到的项目都比你在这里提到的要大得多。因此,这主要是一个“规模”的问题,在某种程度上是不同的工具。