如何从节点模块添加新的css文件

How to add new css file from node module

本文关键字：css 文件 添加 模块 节点      更新时间：2023-09-26

我试图增强vue.js样板代码，我想使用flexboxgrid与此。我把它添加到包里了。Json并安装它。我试图将此包含在index.html中，像这样:

<link rel="stylesheet" href="/./node_modules/flexboxgrid/dist/flexboxgrid.min.css" type="text/css" >

但是我在浏览器中得到以下错误:

Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:8080/node_modules/flexboxgrid/dist/flexboxgrid.min.css".

我不知道我应该怎么做，我在做什么，请帮助。

正如@1sloc在评论中提到的，您可能会在HTML中获得404错误页面。

直到你找到一个更好的解决方案，你可以这样做:复制flexboxgrid.min.css到static文件夹在项目根，并从那里作为一个静态文件。这类似于您为应用程序提供favicon.ico的方式。

关于处理静态文件的细节，你可以参考这个问题的答案:如何在vue.js webpack项目上正确设置favicon.ico ?

相关文章：