angular2 - angular中如何在index.html中通过link引入文件？
本文介绍了angular2 - angular中如何在index.html中通过link引入文件？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
使用angular-cli生成的项目结构如下：
在通过link标签将form.css和style.css引入index.html中时，以下两种写法控制台中都会报错，请问为什么？应该怎么写？
<head>
<meta charset="utf-8">
<title>AngularForm</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet"
href="https://unpkg.com/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet"
href="https://unpkg.com/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="form.css">
<link rel="stylesheet" href="styles.css">
</head>
解决方案
你根据这两篇文档的步骤，通过修改angular-cli.json文件搞，主要原因是angular-cli的项目使用webpack来将模块打包，这里配置的scripts和styles会被打包成scripts.bundle.js`和styles.bundle.js文件加载到前台页面
这篇关于angular2 - angular中如何在index.html中通过link引入文件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
