导入文件路径，而不是webpack中的文件

Question

我有一个pen .less文件，我从一个单独的库和一个字体中导入css。

@import url('node_modules/some-library/style.css');
@font-face {
  font-family: 'Ubuntu Regular';
  src: url('../fonts/Ubuntu-R.ttf');
}

是否有办法不导入字体文件?因此，在编译后的版本中，仍然只有这个文件的路径(字面意思是src: url('../fonts/Ubuntu-R.ttf'))。我所知道的是webpack可以导入字体为bas64或复制字体在构建文件夹，并从那里导入。有没有一种方法可以让字体留在原来的位置，而不是复制到任何地方或以任何方式转换它?但是应该保留导入其他css文件的可能性。

谢谢。

Answer 1

您可以使用IgnorePlugin来忽略require调用，即url('../fonts/Ubuntu-R.ttf');。

plugins: [
   new webpack.IgnorePlugin(/Ubuntu-R.tff/)
],

注意:您应该在字体文件类型的加载器列表中添加相应的加载器。

或者您可以使用ignore-loader来忽略要包含在包中的文件。

loaders: [
  { test: /.tff$/, loader: 'ignore-loader' }
]