javascript - webpack中require('./main.css');中的路径问题
本文介绍了javascript - webpack中require('./main.css');中的路径问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
刚刚接触webpack,在仿照一个demo中,文档结构如下:
index.js中引入main.css,即require('./main.css');可是当我把./去掉便报错;按照我的想法require('main.css');在基于index.js不是也能找到main.css吗?
希望大家能帮忙指导下。
解决方案
这是由Node所用的commonJS风格的依赖语句require()
的特性决定的。require(X)
语句的参数字符串,遵循以下原则:
如果X以
/
、./
或../
开头,则认为是相对路径,按照题主所认为的相对当前文件的位置去寻找。如果不是以上的开头,认为是内置模块(如
require('path')
),或位于node_modules
里的npm包(如require('jquery')
)。
webpack所实现的require()
也是遵循这个查询原则的。题主可以阅读下阮老师的这篇文章
这篇关于javascript - webpack中require('./main.css');中的路径问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文