Попытка загрузить статический файл CSS дает 404 в приложении Vue JS

Question

Я работаю над приложением Vue JS (версия 2.5.17), используя время проекта, простое в веб-пакете, и пытаюсь загрузить статический файл CSS в мой основной компонент приложения.

У меня естьфайл в:

src/static/reset.css

Затем в моем основном шаблоне компонента приложения:

<link rel="stylesheet" type="text/css" href="/static/reset.css">

Я работаю с использованием npm run dev

Однако файл CSS возвращает ошибку 404, и я могу подтвердить, пытаясь получить доступ: http://localhost:8080/static/reset.css

Моя структура каталогов:

C:.
|   .babelrc
|   index.html
|   output.doc
|   package-lock.json
|   package.json
|   README.md
|   webpack.config.js
|                
\---src
    |   App.vue
    |   main.js
    |   routes.js
    |   
    +---assets
    |   |   logo.png
    |   |   
    |   \---css
    +---components
    |   |   Home.vue
    +---static
    |       reset.css
    |       
    \---store
        |   store.js
        |   
        \---modules
                recipe.js

Answer 1

Вы можете поместить свой CSS-файл в папку assets/css, а затем импортировать его в main.js, выполнив import '@/assets/css/reset.css'.Проверьте Как, черт возьми, я могу включить CSS-файл на GitHub для многих других разновидностей.