小编cio*_*as2的帖子

由于最新的 Angular 已弃用 'ng eject' 命令，我已经开始我的项目，添加名为 webpack.config 的自定义文件：

额外的webpack.config.js

我遵循了本教程：https : //codeburst.io/customizing-angular-cli-6-build-an-alternative-to-ng-eject-a48304cd3b21

我已经配置了一切，它似乎工作正常。我的问题是，我想设置我的新文件

额外的webpack.config.js

仅在我启动命令时工作

“npm 运行开始：dev”

，一开始就不想用

“npm 运行开始：prod”

我试图做一个 if 语句，以检查环境是否未在 module.exports 上设置为生产，但我无法从 environment.ts 文件中收集环境。我试过： import {environment} from './src/environments/environment';

任何人都可以帮助我进行正确的配置吗？非常感谢

这是我的 extra-webpack.config.js 文件：

'use strict'; 
const path = require('path'); const ForkTsCheckerWebpackPlugin = 
require('fork-ts-checker-webpack-plugin');

module.exports = {
    optimization: {
        splitChunks: {
          chunks: 'async',
          minSize: 30000,
          maxSize: 0,
          minChunks: 1,
          maxAsyncRequests: 5,
          maxInitialRequests: 3,
          automaticNameDelimiter: '~',
          name: true,
          cacheGroups: {
            vendors: {
              test: /[\\/]node_modules[\\/]/,
              priority: -10
            },
            default: { …

我在切换扩展上的图标时遇到问题<mat-menu>。
为了扩大下拉菜单，我使用[matMenuTriggerFor]="menu".
当我在下拉菜单外单击时，下拉菜单正在扩展和隐藏。

问题：
我不知道如何在显示下拉列表时切换<mat-icon>expand_more</mat-icon>到<mat-icon>expand_less</mat-icon>，而在隐藏下拉列表时以相反的方式切换。
我注意到[aria-expanded]="true"当显示下拉列表时，属性出现在我的一个 div 上。整个属性在关闭下拉列表时消失。
你能帮我在下拉菜单上实现切换图标吗？

正如您所看到的{{iconExpand}}，我想在切换下拉列表中提供图标名称的插值。

<div class="NavbarUser" #menuTrigger="matMenuTrigger" [matMenuTriggerFor]="menu">
  <tl-mat-button [noPadding]="true" [colorTheme]="'linkGrey'"
  class="NavbarUserName tl-mat-padding-r-base">
    {{ input.user.fullName }}
  </tl-mat-button>
  <tl-mat-image-thumbnail [size]="'small'" [thumbnailUrl]="input.user.thumbnailUrl">
  </tl-mat-image-thumbnail>

  <mat-icon class="Profile__DropdownArrow--Icon">{{iconExpand}}</mat-icon>
  <mat-menu #menu="matMenu">
    <div>
      <hr/>
    </div>
    <button mat-menu-item *ngFor="let profileButton of input.dropDownPaths"
    [routerLink]="profileButton.relativeUrl">
      <img class="Profile__Dropdown--Icons" src="{{profileButton.iconUrl}}" />
      <span class="Profile__Dropdown--Text">{{profileButton.title}}</span>
    </button>
  </mat-menu>
</div>