Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.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
Webpack在构建CSS时生成意外的JS文件_Webpack_Webpack 4_Mini Css Extract Plugin - Fatal编程技术网

Webpack在构建CSS时生成意外的JS文件

Webpack在构建CSS时生成意外的JS文件,webpack,webpack-4,mini-css-extract-plugin,Webpack,Webpack 4,Mini Css Extract Plugin,当直接使用webpack 4和MinicsExtractPlugin组合构建SASS/SCSS文件时,会发出2个文件:预期的CSS输出,但也是一个JavaScript文件 我使用CSS文件作为入口点(而不是从JS源代码导入它们)。我不确定链条的哪一部分对这种行为负责,因为特别是对于SASS,必须使用相当多的装载机。为了重现问题,我创建了以下回购协议: 根据其他一些stackoverflow问题,应该从JavaScript中导入CSS文件,但这些答案可能不再是最新的。看 这仍然是推荐的版

当直接使用webpack 4和MinicsExtractPlugin组合构建SASS/SCSS文件时,会发出2个文件:预期的CSS输出,但也是一个JavaScript文件

我使用CSS文件作为入口点(而不是从JS源代码导入它们)。我不确定链条的哪一部分对这种行为负责,因为特别是对于SASS,必须使用相当多的装载机。为了重现问题,我创建了以下回购协议:

根据其他一些stackoverflow问题,应该从JavaScript中导入CSS文件,但这些答案可能不再是最新的。看


这仍然是推荐的版本,还是有一个干净的webpack样式的版本来解决CSS入口点的问题?

我建议您阅读文档了解它是什么,如果您不想单击,我将在这里给出“webpack的核心是一个用于现代JavaScript应用程序的静态模块绑定器……”我没有看到关于编译SCS或其他东西是js工具的信息。如果只想将SCS编译为css,请仅使用节点SAS。只需按以下方式使用命令行:
节点sass style.scss style.css
。我建议去github,在那里寻找
webpack样板文件。代码中有很多bug,比如旧的依赖项,条目应该包含js.Hey@GrzegorzT。谢谢你的快速回复。你指的是什么样的bug?什么是旧的依赖关系?您可以随意在回购协议中添加问题。我知道webpack是一个JS构建工具,但repo只是重现问题的一个很小的例子。实际上,有很多JS和CSS条目。经过一些研究,我找到了解决问题的方法,并从webpack和mini css extract插件中链接了2个问题。显然很多人都有这个问题,但社区已经意识到并将解决webpack 5的问题。我建议您阅读文档,了解它是什么。如果您不想点击,我将在这里给出“webpack的核心是,它是一个用于现代JavaScript应用程序的静态模块绑定器……”我没有看到关于编译SCS或其他东西是js工具的信息。如果只想将SCS编译为css,请仅使用节点SAS。只需按以下方式使用命令行:
节点sass style.scss style.css
。我建议去github,在那里寻找
webpack样板文件。代码中有很多bug,比如旧的依赖项,条目应该包含js.Hey@GrzegorzT。谢谢你的快速回复。你指的是什么样的bug?什么是旧的依赖关系?您可以随意在回购协议中添加问题。我知道webpack是一个JS构建工具,但repo只是重现问题的一个很小的例子。实际上,有很多JS和CSS条目。经过一些研究,我找到了解决问题的方法,并从webpack和mini css extract插件中链接了2个问题。很明显,很多人都有这个问题,但是社区已经意识到并将通过Webpack5解决这个问题