关于import的一个小问题

关于import的一个小问题

老师,这里导入时并没有导入backtop的css样式文件,但是backtop仍然有样式:

https://img1.sycdn.imooc.com//climg/62ee2ad90946503214060314.jpg

是因为`import Backtop from 'components/backtop';`在导入Backtop的时候也会将components/backtop/index.js中的所有内容都导入吗?

还是因为有css-loader和style-loader能够自动分析css文件之间的关系,并将他们打包到一起?


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,不是的。import Backtop from 'components/backtop'这句代码,实际上,是引入components/backtop文件夹中的index.js文件(index.js可以省略)。由于index.js中,引入了backtop的css文件,所以会有样式:

https://img1.sycdn.imooc.com//climg/62ee2d0e096beb1411390370.jpg

loader并不能自动分析组件的html、css之间的引用关系。

祝学习愉快!

  • 小英雄哪托 提问者 #1
    也就是说 import Backtop from 'components/backtop' 引入的是backtop/index.js整个文件,而不仅仅只是Backtop这一个类对吧?


    2022-08-06 18:52:49
  • imooc_慕慕 回复 提问者 小英雄哪托 #2

    同学你好,理解是对的,祝学习愉快~

    2022-08-07 09:12:32
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师