请问import语法除了能导入JS文件，还能导入其他类型的文件吗？例如css/png/less等

Question

问题

ES6的模块导入语法为：import
CommonJS的模块导入语法为：require

一直以来，我以为ES6中的import只能导入JS文件，

import {myExport} from '/modules/my-module.js';

但当使用Webpack对项目进行打包时发现：
在JS文件中也能使用import导入css文件

import '/modules/index.css';

所以想问问各位大神以下几个问题：

1、请问ES6的import导入语法，是否原本已经支持导入非JS文件，例如导入css、图片、视频、音频等2、webpack的import是否和ES6的import一样呢？还是对ES6的import语法的增强呢？（例如能导入非JS文件）

Answer 1

module-name要导入的模块。这通常是包含模块的 .js 文件的相对或绝对路径名，不包括 .js 扩展名。某些打包工具可以允许或要求使用该扩展；检查你的运行环境。只允许单引号和双引号的字符串。-- import | MDN