Angular CLI 6.0.1如何控制dev环境和webpack

发布时间：2020-12-17 17:34:29 所属栏目：安全来源：网络整理

导读：这是angular.json的一部分： "configurations": { "production": { "optimization": true,"outputHashing": "all","sourceMap": false,"extractCss": true,"namedChunks": false,"aot": true,"extractLicenses": true,"vendorChunk": false,"buildOptimizer"

这是angular.json的一部分：

"configurations": {
            "production": {
              "optimization": true,"outputHashing": "all","sourceMap": false,"extractCss": true,"namedChunks": false,"aot": true,"extractLicenses": true,"vendorChunk": false,"buildOptimizer": true,"fileReplacements": [
                {
                  "replace": "src/environments/environment.ts","with": "src/environments/environment.prod.ts"
                }
              ]
            }

我想要做的是控制开发环境.例如,将sourceMap更改为false,我不希望通过向ng build添加参数来实现.在angular.json中有没有相当于生产的参考开发？

还有一些非常重要的事情：在Angular-CLI 6中没有弹出！那怎么可能看到并修改webpack.config.js呢？

解决方法

所有环境的默认设置都在架构师中配置>构建>期权财产

"projects": {
    "MyProject": {
      "root": "","sourceRoot": "src","projectType": "application","architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser","options": {
            "outputPath": "dist","index": "src/index.html","main": "src/main.ts","tsConfig": "src/tsconfig.app.json","polyfills": "src/polyfills.ts",//Add settings here
            "sourceMap": false,"fileReplacements": [
                {
                    "replace": "src/environments/environment.ts","with": "src/environments/environment.anotherdevenv.ts"
                }
            ]

这些设置按原样用于dev env,因此您可以修改它(但如果它们不覆盖指定的设置,这将影响其他环境)

您还可以创建自己的“开发”配置(例如,通过复制生产conf,并根据需要进行更改),并在该conf中指定特定于开发环境的设置.然后运行以下命令

ng serve -c development

弹出命令暂时被禁用,但应该根据角度cli团队核心成员的评论很快添加(https://github.com/angular/angular-cli/issues/10945)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!