Question

我正在为我的react.js应用程序使用webpack配置。当我运行命令npm run build时，我的图像和字体文件未按照我在Webpack中定义的媒体目录构建：

module.exports = {
  entry: {
    app: ['./app/main.js']
  },
  output: {
    path: path.resolve(process.cwd(), 'dist'),
    publicPath: '/',
    filename: 'bundle.js'
  },
  module: {
    preLoaders: [
      {
        test: /.jsx?$/,
        exclude: /node_modules/,
        loader: 'eslint-loader'
      },
    ],
    loaders: [
      {
        test: /.jsx?$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          presets: ['es2015', 'react'],
          plugins: [
            'transform-runtime',
            'transform-object-rest-spread'
          ]
        }
      },
      {
        test: /\.(css|scss)$/,
        loaders: ['style', 'css', 'sass']
      },
      {
        test: /\.(eot|woff|woff2|svg|ttf|png|jpg|gif)([\?]?.*)$/,
        loader: 'file-loader',
        options: {
          name: 'media/[name].[ext]'
        }
      },
      {
        test: /\.html$/,
        loader: 'html'
      },
      { // Load JSON-files into code base.
        test: /\.json$/,
        exclude: /node_modules/,
        loader: 'json',
      },
    ]
  },
  plugins: getPlugins(),
  devtool: 'source-map',
};

但是这些文件只是放在我的dist内部。我想念什么？

Answer 1

这是正确的行为。 webpack将所有拳头输出到您的输出路径，然后从它开始为加载程序创建文件夹。您不能在/dist下使用javascript，并强制其将所有其他文件输出到/media。永远都是你的下属。

Webpack配置脚本不起作用

1 个答案: