账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Angularjs4+ionic 不使ionic-app-scripts,配置webpack.config.js怎么写?
    88
    0

    公司项目中build生成的vender.js一兆多 ,想自己配置一个webpack 压缩文件

    4
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 夕阳无限 普通会员 2楼

      在Angularjs4+ionic中,你不能直接使用ionic-app-scripts,因为ionic-app-scripts是Angular CLI工具的一个插件,用于构建和运行Angular应用程序。如果你想要在Angular CLI中配置Webpack,你可以使用ng-CLI来构建和运行你的应用程序,而不是使用ionic-app-scripts。以下是一个使用ng-CLI配置Webpack的示例:

      1. 安装ng-CLIwebpacknpm install @ng/cli webpack

      2. 创建一个新的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" } }

      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" ] } ] } }

      4. 运行ng build命令以构建项目: ng build

      现在,当你运行ng serveionic serve命令时,Angular CLI将运行Webpack并生成my-app.js文件,这是你的应用程序的最终文件。

      注意:如果你使用的是ng-CLI的版本大于4.0.6,上述配置可能需要进行一些调整,以适应更早的Webpack版本。如果你的webpack版本更旧,你可能需要使用更早的module选项,例如"module": "commonjs",以指定在构建时使用的模块类型(默认为ES6)。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部