当时情况:
需要在vue项目的index.html文件引入初始化样式的全局css文件,css文件放在src目录下。(以下是当时的代码)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>my-project</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="./src/common/css/reset.css">
<div id="app"></div>
</body>
</html>
结果文件引入成功,但是内容却不是原有的css文件内容(以下是当时情况)
解决方案:
将需要引入的样式文件移到static文件夹下,然后问题就解决了。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>my-project</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="./static/common/css/reset.css">
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
(原因不详,先做个记录。往后再花时间弄懂原因)