重写webpack中的URL

Question

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

有没有办法指示webpack从/ node_modules / bootstrap-css-only / fonts /到/ fonts挂载文件？或者根据正则表达式表达式通过webpack dev服务器重写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]'
    }
...
], 

在这种情况下，所有匹配的文件将被放入＆＃34; fonts /＆＃34;文件夹中。