默认情况下，Node.js 中的 require() 函数只支持加载 .js 和 .json 文件。但是，如果我们想要加载其他类型的文件（如 .css、.html 或 .md 等），则需要使用第三方模块来扩展 Node.js 默认的 require() 函数。
在本文中，我们将介绍一个名为 default-require-extensions 的 npm 包，它可以帮助我们轻松地加载各种文件类型。
安装 default-require-extensions
首先，我们需要安装 default-require-extensions 模块。可以通过以下命令来安装：
npm install default-require-extensions
使用 default-require-extensions
安装完成后，在项目代码中引入 default-require-extensions 模块即可：
require('default-require-extensions')这样，我们就可以使用 require() 函数加载各种文件类型了。例如，我们可以加载一个 .css 文件：
const styles = require('./styles.css')
console.log(styles)同样，我们还可以加载其他类型的文件，例如 .html、.md 等等。
实现原理
default-require-extensions 通过重写 require() 函数，使其支持加载各种文件类型。具体来说，它会在每次调用 require() 函数时，检查所加载的模块路径是否匹配某个正则表达式，如果匹配，则根据文件类型进行相应的处理，并返回处理后的结果。
例如，如果我们要加载一个 .css 文件，default-require-extensions 会检查所加载的路径是否以 .css 结尾。如果是，则使用 fs 模块读取文件内容，并将其包装成一个 JavaScript 模块，最后返回给调用者。
注意事项
尽管 default-require-extensions 可以帮助我们轻松地加载各种文件类型，但在实际开发中，最好还是只加载必要的模块，并且需要注意模块加载顺序和性能问题。
此外，在使用 default-require-extensions 时，可能会遇到一些兼容性问题。例如，在某些情况下，它可能无法正确地处理 ES6 模块或 TypeScript 文件等。因此，在使用之前，最好了解该模块的限制和局限性。
示例代码
以下是一个使用 default-require-extensions 加载 .css 文件的示例：
// index.js
require('default-require-extensions')
const styles = require('./styles.css')
console.log(styles)/* styles.css */
body {
background-color: #f0f0f0;
}运行 index.js 后，控制台输出如下：
{ _styleTag:
'<style type="text/css">\nbody {\n background-color: #f0f0f0;\n}\n</style>' }来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/51752