活久見: 原來 Chrome 瀏覽器支持 Import from 語法
阿新 • • 發佈:2018-12-22
圖片 原來 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 語法