html中import引入外部js或者css文件文件

用import引入外部js文件

index.js

let a = 1
export default {
  a
}

html文件
index.html

//type="module 一定要加 不然无法使用模块化
<script type="module">
   import index from './index.js' //引入必须加.js后缀名
   console.log(index) // {a:1}
</script>

用import引入外部css文件
新建index.css文件

*{
  padding: 0;
  margin: 0;
}

html文件

<style>
    @import "./index.css"; // 引入必须加.css后缀名
  </style>