在使用构建工具的环境中，比如webpack，配置了相应的loader，是可以import 各种文件的，比如css,less，png,svg等等。 因为webpack把所有文件都当做模块来处理，只不过默认它只认识js，如果是其他文件，就需要安装对应的loader了。 如果随便一个js文件，是不能使用import语法引入css等文件的。 至于es6的import导入css和@import导入css的区别，还是上面说的，直接使用import是不能引入css的，而@import是css默认的语法。 当配置了loader之后，只有用法上的区别，import只能在js文件中使用，或者.vue文件中的<script>标签中，而@import只能在.vue文件的<style>标签中使用。
在使用构建工具的环境中，比如webpack，配置了相应的loader，是可以import 各种文件的，比如css,less，png,svg等等。
因为webpack把所有文件都当做模块来处理，只不过默认它只认识js，如果是其他文件，就需要安装对应的loader了。
如果随便一个js文件，是不能使用import语法引入css等文件的。
至于es6的import导入css和@import导入css的区别，还是上面说的，直接使用import是不能引入css的，而@import是css默认的语法。
当配置了loader之后，只有用法上的区别，import只能在js文件中使用，或者.vue文件中的<script>标签中，而@import只能在.vue文件的<style>标签中使用。