重写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]'
    }
...
], 

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