es6 模块化-import语法

Posted 天行子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了es6 模块化-import语法相关的知识,希望对你有一定的参考价值。

模块化-import语法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模块化-import语法</title>

</head>
<body>


<script type="module">
    //1通用导入方式
    //import * as m1 from \'./m1.js\';

    //2解构赋值方式
    //import {name,add} from \'./m1.js\'; //export, export{}
    //import {name as name1, add} from \'./m1.js\'; //export , export{}
    //import {default as m3} from \'./m1.js\'; //export default
    //console.log(m3);
    //console.log(m3.add(2,3));

    // 3 简便形式 适用 export default
    import m3 from \'./m1.js\';
    console.log(m3);
    console.log(m3.add(2,3));

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

以上是关于es6 模块化-import语法的主要内容,如果未能解决你的问题,请参考以下文章

如何本地搭建一个支持es6的import from 模块导入环境

用于导入 commonjs / amd 模块的新 es6 语法,即 `import foo = require('foo')`

Webpack 模块处理

深入理解ES6之《用模块封装代码》

深入理解ES6之《用模块封装代码》

ES6,import时如何正确使用花括号'{ }'