webpack - 在 webpack 中重写 URL

Question

我正在使用 webpack 来捆绑文件并导入 CSS。在 bootstrap 包含的 CSS 文件内，有一个对/fonts/glyphicons-halflings-regular.ttf 的字体引用。

有什么方法可以指示 webpack 将文件从/node_modules/bootstrap-css-only/fonts/挂载到/fonts 吗？或者通过 webpack 开发服务器基于正则表达式重写 HTTP 请求？

抱歉，如果这是非常基本的、webpack 的新手。

Answer 1

您可以使用文件加载器并调整[path]变量:

loaders: [ 
    {
      test:   /\.(png|jpg|svg|ttf|eot|woff|woff2)$/,
      loader: 'file?name=[path][name].[ext]' // your case: 'file?name=fonts/[name].[ext]'
    }
...
], 

在这种情况下，所有匹配的文件将被放入“fonts/”文件夹中。