Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用webpack绑定CSS_Javascript_Css_Node.js_Npm_Webpack - Fatal编程技术网

Javascript 使用webpack绑定CSS

Javascript 使用webpack绑定CSS,javascript,css,node.js,npm,webpack,Javascript,Css,Node.js,Npm,Webpack,我有一些NPM mudules,我正试图与webpack捆绑在一起,这样我就不必使用CDN了 我知道如何让.js文件工作,但我不知道如何为相同的模块获得.css文件 例如,我有一个NPM模块。在我的entry.js文件中,我有require('bootstrap')但这只提供了javascript文件 我见过其他npm模块,如bootstrap webpack等,但我不明白如果我的node\u模块中已经有bootstrap部分,为什么我需要下载另一个模块。与“字体很棒”、“animate.css

我有一些NPM mudules,我正试图与webpack捆绑在一起,这样我就不必使用CDN了

我知道如何让
.js
文件工作,但我不知道如何为相同的模块获得
.css
文件

例如,我有一个NPM模块。在我的entry.js文件中,我有
require('bootstrap')但这只提供了javascript文件

我见过其他npm模块,如
bootstrap webpack
等,但我不明白如果我的
node\u模块中已经有bootstrap部分,为什么我需要下载另一个模块。与“字体很棒”、“animate.css”、“select2”等类似


我缺少什么?

据我所知,引导程序支持commonJS模块加载程序。因此,您可以使用require()加载引导js文件

当您使用require('bootstrap')时,将加载引导的条目文件,然后该条目文件将加载库的另一个文件部分。(实际上,引导条目文件只加载一个文件
/dist/js/bootstrap.js
)[check official]repo()

在此过程中,如果引导程序使用
require('some.css')
加载css,则webpack尝试加载css。但是require('some.css')不是泛化的方法。如果没有webpack或browserify或其他构建系统,则无法通过require()加载css。这就是为什么您必须使用
引导程序网页包


此外,引导程序不仅可以在Web包中使用,还可以在常见环境中使用,如requirejs(AMD)中的或通过
标记使用。因此,您必须手动加载css,或通过
引导程序网页包

加载css。请像我看到的那样进行检查,但我不知道如何将其用于NPM模块。如果我的
entry.js
已经有
require('bootstrap')
我是否需要再写一个,但是
bootstrap.css
导致评论延长,我添加了一个答案。希望有帮助。