webpack配置模块的查找范围

Posted 2021-02-06 前端精髓

一般我们的入口文件会引入一下公共的样式文件，比如这样

import ‘./style‘

 

但是这个样式文件并不会生效呀，因为你的写法不对鸭，你要把文件的后缀名也要写

import ‘./style.css‘

 

为什么会这样了，这是因为commonJS文件查找的形式，一般会先找JS，再找JSON，再找文件，文件里面的index.js，反正就是很复杂，具体的去看看源码吧！

 

如何解决这个问题，就是在webpack的配置文件中配置

  resolve: {
    extensions: [‘.js‘, ‘.json‘, ‘.css‘] //  配置commonJS的查找范围
  }

 

按照指定的文件类型进行查找，这样就可以正确的找到我们需要的文件啦！所以有些时候报错时出现文件找不到，可能是这个原因哦

 

你学会了吗？点个赞吧！