Пользовательская конфигурация webpack не имеет sh изображений - PullRequest
1 голос
/ 28 апреля 2020

Я использую angular@8.0.2 и angular -builders / custom-webpack@8.4.1. Я пытаюсь получить sh моих активов при строительстве, и ничего не происходит.

Это мой веб-пакет .config. js file:

module.exports = {
  module : {
    rules: [
      {
        test: /\.(png|jpg|gif|svg)$/,
        loader: 'file-loader',
        options: {
          name:'[name].[hash].[ext]',
          outputPath:'images/',
        }
      }
    ]
  }
};

Это важная часть моего angular. json file:

"architect": {
        "build": {
          "builder": "@angular-builders/custom-webpack:browser",
          "options": {
            "customWebpackConfig": {
              "path": "./webpack.config.js"
            },
            "outputPath": "dist/",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "tsconfig.app.json",
            "aot": false,
            "assets": [
              "src/favicon.ico"
            ],

Моя структура проекта:

│   angular.json
│   package.json
│   webpack.config.js
│
└───src
    │   favicon.ico
    │   index.html
    │   main.ts
    │   polyfills.ts
    │   styles.scss
    │   test.ts
    │
    ├───app
    │   │   app-routing.module.ts
    │   │   app.component.html
    │   │   app.component.scss
    │   │   app.component.ts
    │   │   app.module.ts
    │   │
    │   └───module
    │       │   module.module.ts
    │       │
    │       └───components
    │           ├───images
    │           │       a.svg
    │           │       b.svg
    │           │       c.svg
    │           │       d.svg
    │           │
    │           ├───component1
    │           │       component1.component.html
    │           │       component1.component.scss
    │           │       component1.component.ts
    │           │
    │           ├───component2
    │           │       component2.component.html
    │           │       component2.component.scss
    │           │       component2.component.spec.ts
    │           │       component2.component.ts

Когда я бегу ng build --prod вот что я получаю:

3rdpartylicenses.txt
favicon.ico
index.html
main-es2015.eb1987c86fa74ed8cb58.js
main-es5.eb1987c86fa74ed8cb58.js
polyfills-es2015.d74c0c190b9196b834d3.js
polyfills-es5.bf12ddb50191f9d58a90.js
runtime-es2015.2770a5446ad989574354.js
runtime-es5.2770a5446ad989574354.js
styles.069f02bc2114af319bd8.css

Как вы можете видеть, нет из svgs есть.

Что я делаю не так?

...