ES6 import 引用文件夹/目录

最新推荐文章于 2023-04-27 10:52:12 发布
最新推荐文章于 2023-04-27 10:52:12 发布
阅读量2.2w 收藏 2
点赞数 2
分类专栏： javascript 文章标签： ES6 import
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_24070543/article/details/52336493
版权

看redux的时候发现官网的教程里直接import了一个文件夹，我再三确定没有看错，
是一个 文件夹 (Directory), 它直接 import了一个目录！
这个 文件夹/目录底下还有一个index.js文件。

我查了中文、英文、阮一峰、stackoverflow，我靠没查到，我郁闷了我纠结了，
我自己动手测试了下，随便新建了一个文件夹，写了点js，嘿嘿嘿嘿，居然真的可以，
js文件只能用index.js，换其他名字都会报错。

我使用的是webpack + babel-loader来编译它的，也许是webpack或者是babel的某个设定而不是ES6 import本身的，总之这样是可以用的

hao像飘在外太空
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
ES6实现的遍历目录函数示例
10-20
主要介绍了ES6实现的遍历目录函数,涉及ES6文件目录的遍历、读取、回调函数及json相关操作技巧,需要的朋友可以参考下
vue表单中批量导入功能_前端 vue -- 批量import引入多个文件
weixin_30296797的博客
02-11 1731
最近写个项目需要在一个文件中引入多个文件// 知识点1： 可用于模块的批量导入，类同于import引入同一文件夹下多个文件。// require.context(directory, useSubdirectories = false, regExp = /^.//);// 参数： 1. 读取文件的路径 2. 是否遍历文件的子目录 3. 匹配文件的正则表达式// 返回是一个函数，是该文件夹下的匹配...
html5 import 文件,【前端】import 导入的库指向的事node_modules中的哪个文件
weixin_34681072的博客
07-07 2505
例如：import VSwipe from 'vswipe'我导入了这个文件，这个文件指向vswipe中的那个文件：我一直以为是根目录下的index文件，但是根目录下并没有那到底指向的是哪呢，求大神指点回答一般情况下是这个/node_modules/vswipe/index.js具体的VSwipe模块是此文件暴露出来的开发者可以在文件中的package.json中修改主文件，如图：所以，你引用的是...
Vue中import引入模块路径时的@符号
niceyoo的博客
12-11 3365
Vue中import引入模块路径时的@符号 1、ES6 模块主要有两个功能：export 和 import export：用户对外输出本模块（一个文件可以理解为一个模块，比如 aaa.js bbb.js）变量的接口 。 import：用于在一个模块中加载另一个含有 export 接口的模块（也就是这个 js 文件一定要含有 export ）。 ...
前端引入外部 js文件
前端学习笔记
03-31 4588
这是最简单的方法，不过想来不是你想要的方法，因为这种方法在项目加载时就会引入，你可能需要在不同环境下判断是否需要引入，比如微信中引入，钉钉中不引入等。所以还有其它方法来引入。只能引入静态文件，外部文件是无法引入的。不过你可以将文件下载下来引入，这也是一种解决办法。你可以在引入前添加判断条件，来决定是否要引入。文件，专门用来写这类内容。
JS--ES6--import一个文件夹自动引入index.js
IT利刃出鞘的博客
08-28 3088
本文介绍JavaScript（ES6）在导入一个文件夹时自动引入index.js的特性。
es6动态模块import()
qq_37312180的博客
03-11 2794
import命令会被 JavaScript 引擎静态分析，先于模块内的其他语句执行（import命令叫做“连接” binding 其实更合适）。上面代码中，引擎处理import语句是在编译时，这时不会去分析或执行if语句，所以import语句放在if代码块之中毫无意义，因此会报句法错误，而不是执行时错误。也就是说，import和export命令只能在模块的顶层，不能在代码块之中（比如，在if代码块之中，或在函数之中）。这样的设计，固然有利于编译器提高效率，但也导致无法在运行时加载模块。
华纳云：JavaScript中的动态import()怎么使用
YOKEhn的博客
04-17 337
今天小编给大家分享一下JavaScript中的动态import()怎么使用的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。
ES6 import 引用文件夹/目录及其处理过程
默茉的博客
04-11 3729
如果文件目录下有 package.json，就根据它的 main 字段找到 js 文件。如果没有 package.json，那就默认取文件夹下的 index.js。
node中使用es6/7/8(支持性与性能)
10-17
主要介绍了node中使用es6/7/8(支持性与性能)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
解决低版本的浏览器不支持es6的import问题
08-27
下面小编就为大家分享一篇解决低版本的浏览器不支持es6的import问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
react-sweeper, 在ES6中使用反应/不变.zip
09-18
react-sweeper, 在ES6中使用反应/不变 在反应和不可变的js中扫雷这是一个功能，尽管不完全完全完成扫雷，但是使用可以变js和直接JavaScript实现的游戏规则。运行不可变版本cd immutable-es6npm starthttp://localhos
cjs2es6import:将 CommonJS require 表达式转换为 ES6 模块导入语句
06-17
cjs2es6import 将 CommonJS/NodeJS 模块表达式的子集转换为语句。 用法： var cjs2es6import = require('cjs2es6import'); var src = "var foo = require('bar');"; var newSrc = cjs2es6import(src); // ...
前端开发：CSS中@import指令详解
软贱开发攻城狮
04-27 1903
CSS的@import是用于从其他样式表导入样式规则。@import 规则必须在 CSS 文档的头部，但可以在 @charset 规则的后面；@import 规则不是一个嵌套语句，@import不能在条件组的规则中使用；@import 规则支持媒体查询，所以可以根据不同屏幕尺寸导入不同的样式文件。
前端工程化中import和export的正确使用方法
qq_40606563的博客
06-21 1887
import和export的使用方法， 前端工程化必备
彻底理解JavaScript ES6中的import和export
Shameless的博客
09-05 3097
前端工程，在最早的时候是没有模块的概念的。随着前端工程的发展，前端开发也越来越规范化，更像是软件工程了。那么随之而来的，为了解决工程化的问题，就引入了模块的概念。但是在早期，因为ecmascript原本是没有模块语法的，所以采用的都是社区的各种版本协议，其中影响最深的，就是nodejs使用的CommonJS规范。当模块化的概念越来越重要的时候，在es6中，引入了模块的语法：import ，下面我们简单了解一下，import是怎么使用的。一下内容，参考官方文档。
JavaScript系列之ES6默认导出与默认导入
老__L的博客
12-14 2338
ES6默认导出与默认导入
python使用import引入其他目录文件
weixin_45079618的博客
07-11 4825
python使用import引入其他目录文件
es6 import代替require
最新发布
05-12
是的，ES6中的`import`语句已经逐渐取代了Node.js中的`require`语句。`import`语句是ES6中新引入的模块化语法，可以导入其他模块中的代码，并将其绑定到指定的变量上。 举个例子，假设我们有一个名为`myModule`的模块，其中定义了一个名为`myFunction`的函数，我们可以使用`import`语句将其导入： ```javascript import { myFunction } from './myModule.js'; ``` 这里的`./myModule.js`是相对于当前文件的模块路径，`myFunction`则是`myModule`中导出的函数名。这样我们就可以在当前文件中使用`myFunction`函数了。 需要注意的是，`import`语句只能在模块的顶层作用域中使用，而且不能在条件语句或函数中使用。此外，`import`语句是静态的，意味着它们不能根据程序的运行时状态来动态加载模块。如果需要动态加载模块，可以使用`import()`函数。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值