Webpack dist构建html布局与开发不同

我有一个奇怪的问题与网页后，我完成了我的工作，并建立布局是略有不同的h1，具体的间距是不同的

开发版本

当我构建时，每个单词之间的间距会变小

当我构建所有文件时，所有文件都成功构建，没有错误，看起来都很好，但间距不同

导致这种情况发生的原因让我发疯，我的构建配置非常简单，不管怎样

const path = require('path');
const common = require('./webpack.common');
const merge = require('webpack-merge');
const {CleanWebpackPlugin} = require('clean-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
const TerserPlugin = require('terser-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const FaviconsWebpackPlugin = require('favicons-webpack-plugin');



module.exports = merge(common, {
  mode: 'production',
  output: {
    filename: 'app.[contentHash].bundle.js',
    path: path.resolve(__dirname, '../dist'),
  },
  optimization: {
    minimizer: [
      new OptimizeCssAssetsPlugin(),
      new TerserPlugin(),
    ],
  },
  plugins: [
    new MiniCssExtractPlugin({filename: '[name].[contentHash].bundle.css'}),
    new CleanWebpackPlugin(),
    new HtmlWebpackPlugin({
      template: './src/template.html',
      inject: true,
      minify: {
        removeAttributeQuotes: true,
        collapseWhitespace: true,
        removeComments: true,
      },
    }),
    new FaviconsWebpackPlugin({
      logo: './src/media/favicon.png',
      prefix: 'media/fav',
    }),
  ],
  module: {
    rules: [
      {
        test: /\.scss$/,
        use: [
          MiniCssExtractPlugin.loader,
          'css-loader',
          'postcss-loader',
          'sass-loader',
        ],
      },
      {
        test: /\.m?js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env'],
          },
        },
      },
    ],
  },
});

开发工具是相同的，结果是不同的！

---

当您查看dev tools样式中的类时，这两者之间有什么区别？这些课程是从哪里来的？哪个是css？您可以在每个类的右上角看到它。它们完全相同，我用一些图片更新了它们，如果您检查它们的字体系列是否不同，那就太好了。请尝试在dev tools中的production中将

`

添加到

roslindale

，看看它是否会更改间距。首先在dev工具中检查它，看看这是否是问题所在否，我没有做任何更改不幸的是，我的建议是？当您查看dev工具样式中的类时，这两者之间的区别是什么？这些课程是从哪里来的？哪个是css？您可以在每个类的右上角看到它。它们完全相同，我用一些图片更新了它们，如果您检查它们的字体系列是否不同，那就太好了。请尝试在dev tools中的production中将

`

添加到

roslindale

，看看它是否会更改间距。首先在开发工具中检查一下，看看这是否是问题所在。不，我没有做任何改变。不幸的是，建议？