浅谈script，link，import，@import引入

一.页面导入样式，使用link和@import有什么区别

链接式和导入式有什么区别（链接式，导入式，内嵌式，行内）
1.从属关系:link是html标签，@import是css提供的.
2.加载差异:页面加载时，link会同时加载；而@import会在html结构完成后加载.
3.兼容性:link（是标签）没有兼容问题，@import不兼容ie5以下的浏览器.
4.可操作性:link可以通过js操作dom（盗墓 文档对象模型）插入link标签改变样式，而@import不能

二.script，link，import，@import的使用场景

1.script，link是html标签，script可以引入js,即可调用引入js里面的方法，link标签可以引入css样式图片<link rel="icon" href="/favicon.ico" />等等
2.import是tp语法，可以引入js也可引入css。import引入js方法的时候可以导出方法
如下：

默认导出对象

export default 对象
import 对象 from '此对象目录地址';

导出文件，解析文件对象

i.
export function(){}
import {对象} from '此对象目录地址';

ii.
export function(){}
import * as 对象 from "此对象目录地址";

3.import在js中引入css。如：import ‘animate.css’;
4.@import在css中引入css。如：@import ‘/animate.css’;