尝试加载静态CSS文件在Vue JS应用中给出404

Question

我正在使用webpack-simple项目时间来开发Vue JS应用（版本2.5.17），并且试图在我的主要App组件中加载静态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文件放入>>> most_of([1,10,10,50,5]) True >>> most_of([1,2,55,77,6]) False 文件夹中，然后通过执行assets/css将其导入main.js中。在GitHub上查看How the hell can i include a css file，了解更多其他品种。