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

Question

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

3

webpack vuejs2 vue-cli

Источник

user3230375 05 апр '17 в 03:08

1 ответ

Другие вопросы по тегам webpack vuejs2 vue-cli

user6670723 24 окт '17 в 12:46 2017-10-24 12:46 · Answer 1 · 2017-10-24 12:46

Как вы используете 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>