基本Webpack文件＆amp;路径解决

Question

我是Webpack的新手，并且遇到一些基本问题，了解它如何与加载器一起解析路径。例如，我正在尝试使用file-loader加载字体：

文件夹结构

direction: rtl;

webpack.config.js

text-align: right;

的style.css

+-- index.html
+-- js
|   +-- index.js
|   +-- bundle.js
+-- css
|   +-- style.css
+-- elements
|   +-- fonts
|   |   +-- MyFont-Light.woff2
|   |   +-- MyFont-Light.woff

这给了我

  

找不到模块：错误：无法解析＆＃39;文件＆＃39;或者＆＃39;目录＆＃39;   ./elements/fonts/MyFont-Light.woff2

我是否朝着正确的方向前进？我错过了什么？