Конфигурация Angular 6 Webpack @ ngtools / webpack - PullRequest
Новая
       30

Конфигурация Angular 6 Webpack @ ngtools / webpack

0 голосов
/ 22 октября 2018

У меня проблема с publicPath для угловой компиляции с webpack .я использую @ ngtools / webpack v7.0.2

index.html в dist папка 

<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>SOME TITLE</title>

  <link rel="icon" type="image/ico" href="/assets/icon/favicon.ico">
  <link type="text/css" rel="stylesheet" href="/assets/css/loading.css">
  <base href="/">
</head>

<body>

<app></app>

<script src="/example/0.36d80ab2ce84bab337bd.chunk.js"></script>
<script src="/example/polyfills.3a73edf186bd73850713.bundle.js"></script>
<script src="/example/0.36d80ab2ce84bab337bd.chunk.js"></script>
<script src="/example/app.36b571aec7f4f2cf2812.bundle.js"></script>
</body>
</html>

index.html добавить теги сценария, как показано ниже: 

<script src="/example/polyfills.3a73edf186bd73850713.bundle.js"></script>

зависимости: "@ angular / common": "^ 6.1.8", "webpack ":" ^ 4.19.1 "" html-загрузчик ":" ^ 0.5.5 ",

Моя проблема в том, что я хочу связать publicPath для ссылки href

от 

  <link type="text/css" rel="stylesheet" href="/assets/css/loading.css">

до 

  <link type="text/css" rel="stylesheet" href="example/assets/css/loading.css">

И я хочу связать publicPath с ресурсами компонента Angular, например: 

<div class="app-component">
  <img src="../../assets/img/logo.png">
</div>

Я хочу, чтобы img src был example / assets / img / logo.png

Конфигурация веб-пакета: 

 output: {
  publicPath: '/example/',
  filename: '[name].[chunkhash].bundle.js',
  sourceMapFilename: '[name].[chunkhash].bundle.map',
  chunkFilename: '[id].[chunkhash].chunk.js'
},

Примечание: publicPath работает только для связанных скриптов.

Можете ли вы объяснить, какой загрузчик отвечает за связывание publicPath в img src в угловом компоненте и index.html?

СпасибоВы заранее

...