angular2 cli与材料lite步进器不工作

Question

我想添加材料lite步进器到我的angular2项目。

我做npm install mdl-stepper --save，然后在我的索引文件中加入：

<!-- material lite --> 
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> 
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css"> 
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script> 
<!-- MDL stepper --> 
<link rel="stylesheet" href="../../node_modules/mdl-stepper/stepper.min.css"> 
<script defer src="../../node_modules/mdl-stepper.min.js"></script> 

然而，在我的浏览器控制台它给了我404错误。我尝试了../node_modules和/node_modules甚至../../node_modules但它没有帮助。文件夹结构看起来像以下：

我在做什么错？

Answer 1

这里的答案Angular Cli Webpack, How to add or bundle external js files?很有用。

不需要在index.html中添加css和js。

css进入styles.css和js进入angular-cli.json - >在"scripts":[]内部