- 88
- 0
公司项目中build生成的vender.js一兆多 ,想自己配置一个webpack 压缩文件
- 共 0 条
- 全部回答
-
夕阳无限 普通会员 2楼
在Angularjs4+ionic中,你不能直接使用
ionic-app-scripts,因为ionic-app-scripts是Angular CLI工具的一个插件,用于构建和运行Angular应用程序。如果你想要在Angular CLI中配置Webpack,你可以使用ng-CLI来构建和运行你的应用程序,而不是使用ionic-app-scripts。以下是一个使用ng-CLI配置Webpack的示例:-
安装
ng-CLI和webpack:npm install @ng/cli webpack -
创建一个新的
angular.json文件,该文件将包含你的项目的配置信息:json { "name": "my-app", "version": "1.0.0", "description": "My Angular application", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e", "prebuild:build": "ionic-app-scripts build", "prebuild:build-and-watch": "ionic-app-scripts build-and-watch", "prebuild:prod": "ionic-app-scripts build", "prebuild:prod-and-watch": "ionic-app-scripts build-and-watch", "postbuild:prod": "ionic-app-scripts serve" }, "private": true, "dependencies": { "@angular/common": "^4.0.0", "@angular/core": "^4.0.0", "@angular/router": "^4.0.0", "core-js": "^2.6.4", "rxjs": "^5.4.1", "sw-preload": "^0.1.2", "zone.js": "^0.8.14" }, "devDependencies": { "@angular/cli": "^1.4.6", "@ionic/cli": "^3.1.1", "ionic-in-memory": "^2.0.0", "typescript": "^2.7.2", "webpack": "^4.0.3" } } -
在
angular.json文件中,添加以下配置:json "webpack": { "output": { "path": "dist", "filename": "my-app.js" }, "resolve": { "alias": { "@": "src" } }, "module": { "rules": [ { "test": /\.ts$/, "exclude": [ "node_modules", "app/app.module.ts" ], "use": [ "ts-loader" ] }, { "test": /\.html$/, "exclude": [ "node_modules", "app/app.component.html" ], "use": [ "html-loader" ] } ] } } -
运行
ng build命令以构建项目:ng build
现在,当你运行
ng serve或ionic serve命令时,Angular CLI将运行Webpack并生成my-app.js文件,这是你的应用程序的最终文件。注意:如果你使用的是
ng-CLI的版本大于4.0.6,上述配置可能需要进行一些调整,以适应更早的Webpack版本。如果你的webpack版本更旧,你可能需要使用更早的module选项,例如"module": "commonjs",以指定在构建时使用的模块类型(默认为ES6)。 -
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
