使用`import`语句导入JS以外的文件类型，原则上是否正确答案

【问题标题】：Is it correct in terms of principle, to use `import` statement to import file types other than JS使用`import`语句导入JS以外的文件类型，原则上是否正确
【发布时间】：2015-05-05 05:17:37
【问题描述】：

对图像、css 和其他内容使用 JavaScript 导入语句是否违背了导入语句的目的，即仅导入 JS 模块？

当然，现在它使用 webpack 转换为 ES5 require。但同样的问题又出现了。使用import语句导入图片或css或文件是否不正确？

编辑：

我喜欢控制导入的想法，我们可以在构建时以如此干净的方式控制资产 - 我使用图像路径导入图像的想法，并且

在不同的环境中，图像路径将包含不同的值 - url 或路径
此图像可以在构建时压缩
导入此图片的 JS 模块可以通过自定义加载器包含图片尺寸
资产依赖树维护在一个地方，未导入的项目被自动丢弃
重建时间很快 - DX（开发人员经验）会很好

我想，这比使用任何模板，在 JS 文件中使用占位符在pre-build (webpack) 期间根据环境注入 URL 或路径要好得多。

但使用import 语句在原则或语义上感觉不合适。

【问题讨论】：

标签： javascript ecmascript-6 webpack

【解决方案1】：

来自 Mozilla 开发者网络：

import 语句用于导入已经从外部模块、另一个脚本等导出的函数。

从我在 MDN 和其他来源中阅读的所有内容来看，它的目的是使模块/脚本方法和属性在它被导入的当前范围内可用。

【讨论】：