1. 程式人生 > >活久見: 原來 Chrome 瀏覽器支持 Import from 語法

活久見: 原來 Chrome 瀏覽器支持 Import from 語法

圖片 原來 default init ons width 參考 har 在服務器

需要滿足以下三個條件:

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 語法