main.js中引入css为什么用require

main.js中引入css为什么用require

# 具体遇到的问题
require不是node.js中的语法吗?

# 报错信息的截图
http://img1.sycdn.imooc.com//climg/5fe420e60877f1a105190398.jpg# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输入代码,可通过选择【代码语言】突出显示

正在回答 回答被采纳积分+1

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

2回答
好帮手慕久久 2020-12-25 14:32:14

同学你好,问题解答如下:

1、对于css这种静态资源,可以使用require和import两种方式导入,使用这两种方式都能将资源导入成功,使用效果上没有太大差别。

2、从归属、语法上来讲,二者有如下区别:

a)二者属于不同的语法规范。require是CommonJS模块规范中,而import属于es6导入导出规范中的。因此二者的语法会有差异,import的导入导出语法更灵活,书写方式更多样。

b)import是编译时调用,导入语句,必须写在文件头部,如下:

http://img1.sycdn.imooc.com//climg/5fe586c6097638c807360158.jpg

http://img1.sycdn.imooc.com//climg/5fe586ef09b6fbe409910195.jpg

而require属于运行时调用,因此require语法可以写在代码中的任何位置(习惯上还是会放在开头):

http://img1.sycdn.imooc.com//climg/5fe58719099abb3006960134.jpg

对于二者,同学了解这么多就够用了。

祝学习愉快!

好帮手慕星星 2020-12-24 14:35:34

同学你好,问题解答如下:

1、require导入是CommonJS模块规范中的,而nodejs应用由模块组成,采用了CommonJS规范。所以require并不是nodejs中独有的写法,js文件中也能使用。

2、css是静态文件,没有里面export导出,所以用require()方法来导入。而一般模块是有export导出的,所以用了import导入。

祝学习愉快!

  • 提问者 嗯嗯_ #1

    没有导出也可以import,课程的项目中,引入css都是用import导入,之后会被打包生成css文件引入html

    2020-12-25 07:25:24
  • 提问者 嗯嗯_ #2

    两者有什么区别吗


    2020-12-25 07:25:58
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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