Webpack文件加载器不发送字体文件

时间:2017-09-07 02:29:49

标签: javascript fonts webpack sass webpack-file-loader

我的项目文件结构:

- dist

- src
  - assets
    - fonts

webpack.config.js

我有以下用于文件加载器的webpack配置条目:

  context: path.join(__dirname, 'src'),

  output: {
    path: path.join(__dirname, 'dist'),
    publicPath: '/',
    filename: '[name].js'
  },

  {
    test:  /\.(woff|woff2)(\?v=[0-9]\.[0-9])?$/,
    exclude: /node_modules/,
    loader: 'file-loader'
  }

我的scss文件引用了字体文件:

@font-face {
  font-family: 'Interface';
  font-style:  normal;
  font-weight: 400;
  src: url("/assets/fonts/Interface-Regular.woff2?v=1.6") format("woff2"),
       url("/assets/fonts/Interface-Regular.woff?v=1.6") format("woff");
}

如果我转到localhost:{port} / webpack-dev-server,则不存在字体文件。 webpack-dev-server的输出也没有显示与我的字体文件有关的任何内容。

文件加载器是不是应该向webpack提供字体文件的副本?

0 个答案:

没有答案