webpack - Vue-CLI 与 webpack 添加外部 Css 和 Js 文件

Question

我使用Vue-cliwith webpack，但在调用 externaljs和cssfile 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

score 2 · Accepted Answer

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

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

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

然后调用它index.html

CSS

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

JS

<script src="/static/scripts/script.js"></script>

webpack - Vue-CLI 与 webpack 添加外部 Css 和 Js 文件

1 回答 1

Related

Reference