Javascript 网页包未加载我的字体文件

Javascript 网页包未加载我的字体文件,javascript,node.js,fonts,webpack,Javascript,Node.js,Fonts,Webpack,正如以前发生在许多其他人身上一样,webpack根本没有将我的任何字体加载到构建中。我看了看板,搜索了谷歌,尝试了许多不同的正则表达式技巧,还尝试了其他技术,比如npm的复制网页插件。构建通过通用的“npm启动”运行。请查看下面的目录结构和我的网页包构建文件,并告诉我可能缺少什么。Thx:-P 目录结构(大写文件夹): 我从来都不需要所有的正则表达式 我的一个网页包文件的示例: module: { loaders: [ // Javascript { test: /\.jsx?$

正如以前发生在许多其他人身上一样,webpack根本没有将我的任何字体加载到构建中。我看了看板,搜索了谷歌,尝试了许多不同的正则表达式技巧,还尝试了其他技术,比如npm的复制网页插件。构建通过通用的“npm启动”运行。请查看下面的目录结构和我的网页包构建文件,并告诉我可能缺少什么。Thx:-P

目录结构(大写文件夹):


我从来都不需要所有的正则表达式

我的一个网页包文件的示例:

module: {
loaders: [
    // Javascript
    { test: /\.jsx?$/, loader: 'babel', exclude: /node_modules/ },
    // Stylesheets
    { test: /\.scss$/, loader: ExtractTextPlugin.extract('style', 'css?sourceMap!sass?sourceMap') },
    // Font Definitions
    { test: /\.svg$/, loader: 'url?limit=65000&mimetype=image/svg+xml&name=public/fonts/[name].[ext]' },
    { test: /\.woff$/, loader: 'url?limit=65000&mimetype=application/font-woff&name=public/fonts/[name].[ext]' },
    { test: /\.woff2$/, loader: 'url?limit=65000&mimetype=application/font-woff2&name=public/fonts/[name].[ext]' },
    { test: /\.[ot]tf$/, loader: 'url?limit=65000&mimetype=application/octet-stream&name=public/fonts/[name].[ext]' },
    { test: /\.eot$/, loader: 'url?limit=65000&mimetype=application/vnd.ms-fontobject&name=public/fonts/[name].[ext]' }
  ]
},

我刚刚尝试了你的正则表达式的字体文件,不幸的是没有文件在建设。值得一提的是,我没有花哨的脚本来进行构建,只有一个通用的“npm启动”
var path = require('path')
var webpack = require('webpack')
var CopyWebpackPlugin = require('copy-webpack-plugin')

module.exports = {
  devtool: 'cheap-module-eval-source-map',
  entry: [
    'eventsource-polyfill',
    'whatwg-fetch',
    'webpack-hot-middleware/client',
    './index'
  ],
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',
    publicPath: '/static/'
  },
  plugins: [
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin()
  ],
  module: {
    loaders: [{
      test: /\.js$/,
      loaders: [ 'react-hot', 'babel' ],
      exclude: /node_modules/,
      include: __dirname
    }, {
      test: /\.css?$/,
      loaders: [ 'style', 'raw' ],
      include: __dirname
    },
      {
        test: /\.less$/,
        loaders: ['style', 'css', 'less'],
        include: __dirname
      },
      { test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=10000&minetype=application/font-woff" },
      { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader" }]
  }
}
module: {
loaders: [
    // Javascript
    { test: /\.jsx?$/, loader: 'babel', exclude: /node_modules/ },
    // Stylesheets
    { test: /\.scss$/, loader: ExtractTextPlugin.extract('style', 'css?sourceMap!sass?sourceMap') },
    // Font Definitions
    { test: /\.svg$/, loader: 'url?limit=65000&mimetype=image/svg+xml&name=public/fonts/[name].[ext]' },
    { test: /\.woff$/, loader: 'url?limit=65000&mimetype=application/font-woff&name=public/fonts/[name].[ext]' },
    { test: /\.woff2$/, loader: 'url?limit=65000&mimetype=application/font-woff2&name=public/fonts/[name].[ext]' },
    { test: /\.[ot]tf$/, loader: 'url?limit=65000&mimetype=application/octet-stream&name=public/fonts/[name].[ext]' },
    { test: /\.eot$/, loader: 'url?limit=65000&mimetype=application/vnd.ms-fontobject&name=public/fonts/[name].[ext]' }
  ]
},