如何从通过npm安装的库中引用CSS？

Question

例如,我说我安装了一些东西:

npm install --save something

它下载到

./node_modules/something/

它有一个文件夹中有名为或许styles并在你有该文件夹something.css.我如何在我的html文档中包含该css文件(如果我的html文档在node-modules文件夹旁边？

我的意思是我可以在我的html头中这样做:

<link rel="stylesheet" href="./node_modules/something/styles/something.css" type="text/css" media="screen" />

但是在你的node_modules目录中挖掘东西是不对的.特别是如果html文档可能需要缩小然后扔进某个./dist/目录.因为那条路something.css是关闭的..

有没有办法简单地去:

<link rel="stylesheet" href="something.css" type="text/css" media="screen" />

在您的HTML文档中 - 无论它在您的项目结构中的哪个位置 - 它只是知道去哪里找到该css文件？

Answer 1

有一个包可以解决这个问题，叫做npm-css

在 webpack 中你可以 require css require('bootstrap.css')，这就是为什么通过 npm 安装 css 非常有用

如果没有，您可以创建一个 npm 脚本任务，该任务需要（使用 fs.readFile）node_modules 中的所有 css 文件，将它们编译成单个文件（这就是所做的npm-css）