码迷,mamicode.com
首页 > 其他好文 > 详细

活久见: 原来 Chrome 浏览器支持 Import from 语法

时间:2018-12-21 22:57:57      阅读:512      评论:0      收藏:0      [点我收藏+]

标签:console   def   default   utf-8   bsp   document   测试   ima   oct   

需要满足以下三个条件:

1、高版本的Chrome ,总而言之越新越好……,其他浏览器请参考:https://caniuse.com/#search=import

2、必须在服务器环境下才能运行,譬如apache或者nginx,或者大部分语言都能开启的服务环境(我这里用phpstudy的Nginx环境来测试)

3、需要在 script 中加入 type = ‘module‘

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    <div id="app"></div>
</body>
<script type=‘module‘>
    import test from ./test.js
    console.log(20181221204836, test) // {a: 123 } 
</script>
</html>

test.js

 

export default {
    a: 123
}

 

 

效果图如下:

 

 

技术分享图片

 

活久见: 原来 Chrome 浏览器支持 Import from 语法

标签:console   def   default   utf-8   bsp   document   测试   ima   oct   

原文地址:https://www.cnblogs.com/CyLee/p/10158883.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!