Конфигурация Angular 6 Webpack @ngtools/webpack
Я столкнулся с проблемой с 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-loader": "^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
Конфигурация Webpack:
output: {
publicPath: '/example/',
filename: '[name].[chunkhash].bundle.js',
sourceMapFilename: '[name].[chunkhash].bundle.map',
chunkFilename: '[id].[chunkhash].chunk.js'
},
Примечание: publicPath работает только для связанных скриптов.
Можете ли вы объяснить, какой загрузчик отвечает за связывание publicPath в img src в angular component и index.html?
заранее спасибо