JS--ES6--import一个文件夹自动引入index.js

原文网址:JS--ES6--import一个文件夹自动引入index.js_IT利刃出鞘的博客-CSDN博客

简介

说明

        本文介绍JavaScript(ES6)在导入一个文件夹时自动引入index.js的特性。

注意

        有人说:导入文件夹自动导入index.js不是JavaScript的特性,而是Node.js的特性。同时,Webpack支持Node,所以如果用了Webpack也可以自动引入index.js。

        目前我不确定导入是JS的特性还是Node.js的特性。文章最后我写了测试程序,测试成功。但我是用Webstorm打开谷歌浏览器测试的,不确定是不是Webstorm内部是Node.js做的服务器,所以不敢下结论。

JS导入文件的方式

法1:导入js文件(带后缀的全称)

import router from './router/index.js'

法2:导入js文件(去掉后缀)

import router from './router/index'

法3:导入文件夹(自动导入index.js)

如果导入的是一个文件夹,它默认会去找这个文件夹下边的index.js

import router from './router'

示例

代码

代码结构

demo.html

<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>This is title</title>
</head>

<body>

<div class="container">
    这是div元素
</div>

<script type="module">
import abc from "../js"

console.log(abc.name);

</script>
</body>
</html>

index.js

export default {
    name: 'Tony'
}

测试

用WebStorm打开html。 

猜你喜欢

转载自blog.csdn.net/feiying0canglang/article/details/126338292