导入文件路径而不是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，也可以在build文件夹中复制字体并从那里导入。有没有办法让字体保持原样，不要将其复制到任何地方或以任何方式转换它？但是应该保留导入其他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' }
]