Vue-CLI с веб-пакетом добавляет внешний файл Css и Js

Я использую Vue-cli с webpack, и у меня проблема с вызовом внешних файлов js и css в 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

webpack vuejs2 vue-cli
person jrpikong    schedule 05.04.2017    source источник
comment
Я нашел решение: я добавляю код в App.vue ‹style› @import './assets/css/hello.css';   -  person jrpikong    schedule 05.04.2017

Ответы (1)


arrow_upward
2
arrow_downward

Поскольку вы используете vue cli, папка assets будет обрабатываться веб-пакетом во время сборки, и эти файлы в папке 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>
person Abhishek Pandey    schedule 24.10.2017
comment
но это не работает после создания сборки, я пробовал то же самое, но после создания сборки я получил 404, какое-либо решение для этого? - person Awais fiaz; 11.10.2018