【前端理论】前端文件引入、JS模块化导入导出

一、文件引入

• 引入js文件：

（在.html文件中）

	<script src=""></script>

（在.js文件中==模块化的导入（需要底层支持））

	var { a , b } = require('../aa.js');//CommenJS语法
	import { a,b } from "./aaa.js";//ES6语法
	const Home = ()=>import('../components/Home.vue');//ES6语法组件懒加载

---

• 引入css文件：

（在.html文件中）

    <link rel="stylesheet" href="">;//异步请求，不妨碍DOM树构建

（在.css文件或<style>标签中）

	@import "xxx.css";//同步请求,阻塞DOM树构建
	@import url(wcss.css);//两种方式都行，没区别

（在.js文件中==模块化的导入（需要底层支持））

	require('../aa.css');//CommenJS语法
	import('../aa.css');//ES6语法

• 引入图片文件：

（在.html文件中）

    <img src="" alt="">