Question

我正在尝试构建AngularJS应用（v1.7.x），并且生产文件的大小确实很大。

node_module中的原始依赖性为 1.30 MB 和 170 kB （分钟）。我导入并尝试了基本的console.log。但是生成文件为 3.40 MB

所以，有没有我应该使用的依赖项？我正在构建一个基本的天气应用程序。（使用提取和ng-repeat）

目前，我只有这些。

"dependencies": {
    "angular": "^1.7.9"
},
"devDependencies": {
    "@babel/core": "^7.7.5",
    "@babel/preset-env": "^7.7.6",
    "babel-loader": "^8.0.6",
    "clean-webpack-plugin": "^3.0.0",
    "html-loader": "^0.5.5",
    "html-webpack-plugin": "^3.2.0",
    "json-server": "^0.15.1",
    "webpack": "^4.41.2",
    "webpack-bundle-analyzer": "^3.6.0",
    "webpack-cli": "^3.3.10",
    "webpack-dev-server": "^3.9.0"
}

P.S。我尝试从node_module导入 angular.min.js ，但我认为这不是将require()与绝对路径一起使用的正确方法。

Answer 1

我发现了问题。

我在 package.json 中的脚本是

"scripts": {
    "build": "webpack --config ./webpack.config.js --mode production"
}

但是在我的 webpack.config.js

中

module.exports = {
    mode: 'development'
}

即使标记为正式版，该脚本也不会覆盖配置文件。现在，我删除并再次尝试。我的捆绑包大小减小为 3.19 kB 。

有什么方法可以减少AngularJS包的大小（使用Webpack）

1 个答案: