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/”文件夹中。