【发布时间】:2018-07-12 11:28:04
【问题描述】:
我遇到了这串代码:
import '!file-loader?name=[name].[ext]!./images/favicon.ico';
here.
如果可能的话,请详细解释一下这个构造是如何工作的,或者帮助获取有关它的信息
【问题讨论】:
-
那是inline Webpack loader。
name参数对我来说似乎是多余的,因为它将导入的图标命名为favicon.ico,这是图标的名称,所以它不会改变任何东西。 -
谢谢!但是我还不清楚方括号在这里是如何工作的......
-
不客气!这是 Webpack 知道在哪里输入某些数据的方式。
[name]将替换为文件名,[ext]将替换为文件扩展名,例如[chunkhash]将被特定文件的唯一哈希替换。您可以尝试[name].[chunkhash].[ext]作为实验,看看它的作用。 -
非常感谢您的帮助!
标签: javascript reactjs webpack react-boilerplate