3

我使用Vue-cliwith webpack,但在调用 externaljscssfile in 时遇到问题index.html

在此处输入图像描述

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>gradana</title>
    <link rel="stylesheet" href="./src/assets/css/hello.css">
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

如果我运行代码我有错误。

在此处输入图像描述

Cannot GET /src/assets/css/hello.css
4

1 回答 1

2

当您使用vue cli时,assets文件夹将在捆绑期间由 webpack 处理,并且文件assets夹中的那些文件应包含在js

例如 require('../node_modules/bootstrap/dist/css/bootstrap.min.css')

或者您可以简单地将文件存储CSSJS存储到/static文件夹中,文件夹内的所有文件static/dist在运行应用程序时添加到文件夹中。

在此处输入图像描述

然后调用它index.html

CSS

<link rel="stylesheet" href="/static/css/hello.css">

JS

<script src="/static/scripts/script.js"></script>
于 2017-10-24T12:46:13.110 回答