Webpack 配置脚本不起作用答案

【问题标题】：Webpack config script is not workingWebpack 配置脚本不起作用
【发布时间】：2018-07-05 11:01:55
【问题描述】：

我正在为我的 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 中。我错过了什么？

【问题讨论】：

标签： reactjs npm webpack media

【解决方案1】：

这是正确的行为。 webpack 为您的输出路径输出所有内容，然后开始为加载程序创建文件夹。您不能在/dist 下拥有 javascript 并强制它将所有其他文件输出到/media。它总是在你的 dist 之下。

【讨论】：