Использование Angular-cli, я пытаюсь ссылаться bootstrap.cssрадиально-кли не может ссылаться на самозагрузки
index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Title</title>
<base href="/">
<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css">
...
</head>
<body> Angular-cli auto generated code </body>
<html>
package.json
"dependencies": {
"bootstrap": "4.0.0-alpha.2"
}
сейчас Я понимаю, что ng build
создает проект dist
и в vendor
папки ли все включает, которые необходимы, и мне удалось добавить в папку vendor
начальной загрузки файла с помощью:
системы-config.js
// Apply the CLI SystemJS configuration.
System.config({
map: {
...
'bootstrap': 'vendor/bootstrap/dist/css/bootstrap.css'
},
packages: cliSystemConfigPackages
});
и угловой Cli -build.js
module.exports = function(defaults) {
return new Angular2App(defaults, {
vendorNpmFiles: [
...
'bootstrap/dist/css/bootstrap.css'
]
});
};
Но все-таки сервер не смог найти bootstrap.css
Примечания
- Я не ищу
CDN
решения, я хочу понять, как импортировать вещи изnode_modules
- не ищет `ng2 угловые директивы, поэтому this question на самом деле недействительное решение
Да, я указал, что я сумел сделать это. но я не уверен, что это способ пойти + мне нужно изменить как angular-cli-build.js, так и system-config.ts, которые, я думаю, являются большой проблемой + худший => нет intellisense автозаполнения, что абсолютно неприемлемо (- ; – royB
Вот как это сделать. Для каждой внешней зависимости вы должны это сделать. Они будут упрощать этот процесс, но не знают, когда. Отредактировано мое сообщение с дополнительной информацией. –