日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后，達者為師

網站首頁 編程語言 正文

node支持ES6模塊化練習

作者：頑強的小豆子 更新時間： 2022-07-10 編程語言

node v13.2.0之后

只需要在新建node項目（使用一個package.json文件和一個對應node_models即可）package.json中添加屬性："type": "module"

已驗證好用

嘗試案例

將index.html，export.js，import.js，package.json，node_modules放到一個目錄下
package.json中添加屬性："type": "module"
用瀏覽器打開index.html即可練習es6模塊化
index.html文件 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
   <!-- 看這  -->
    <script type="module" src="./import.js"></script>
  </head>
  <body></body>
</html>

export.js 
export let name = 'jack';
export let age = 18;

import.js 
// 名稱要跟導出的模塊名稱一一對應，同時from后為導入模塊的路徑
import {name,age} from './export.js'
console.log(`我叫${name},今年${age}歲`);

原文鏈接：https://blog.csdn.net/qiuyushuofeng/article/details/124790029

欄目分類
最近更新