angular中如何在index.html中通过link引入文件?

使用angular-cli生成的项目结构如下:

clipboard.png
在通过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>

clipboard.png

阅读 5.9k
1 个回答

你根据这两篇文档的步骤,通过修改angular-cli.json文件搞,主要原因是angular-cli的项目使用webpack来将模块打包,这里配置的scriptsstyles会被打包成scripts.bundle.js`和styles.bundle.js文件加载到前台页面

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进