首先蹦骑，在使用構建工具的環(huán)境中，比如webpack区岗，es6 import 默認是只能加載js的略板。如果是其他文件，就需要安裝對應的loader慈缔。比如要加載css less sass png svg等等,都需要配置對應的loader叮称。只有配置了相應的loader，才可以使用胀糜。
其次颅拦，如果不使用構建工具，隨便一個js文件教藻，是不能使用import語法引入css等文件的距帅。
然而，@import是css的語法括堤，是可以直接使用的碌秸。不過其是同步的，會開辟一個新的“HTTP網(wǎng)絡請求線程”去請求資源文件悄窃。但是在資源文件沒有請求回來之前讥电，GUI渲染線程會被"阻塞"，不允許其繼續(xù)向下渲染轧抗。
那么恩敌，在使用構建工具的環(huán)境中，當配置了loader之后横媚，只有用法上的區(qū)別纠炮，import只能在js文件中使用，或者.vue文件中的<script>標簽中灯蝴，而@import只能在.vue文件的<style>標簽中使用恢口。而且@import加載是全局的。
