鍍金池/ 問答/HTML/ 為啥webpack3.X 生產(chǎn)環(huán)境下<head>中還有很多<s

為啥webpack3.X 生產(chǎn)環(huán)境下<head>中還有很多<style>的行內(nèi)樣式？已經(jīng)用了ExtractTextPlugin

圖片描述

圖片描述

webpack關(guān)于css打包的代碼如下

rules: [{
    test: /\.scss$/,
    include: PATH_OPTION.APP,
    use: ExtractTextPlugin.extract({
      fallback: 'style-loader',
      use: [
        {
          loader: 'css-loader',
          options: {
            importLoaders: 2,
            minimize: true,
          },
        },
        {
          loader: require.resolve('postcss-loader'),
          options: {
            // Necessary for external CSS imports to work
            // https://github.com/facebookincubator/create-react-app/issues/2677
            ident: 'postcss',
            plugins: () => [
              require('postcss-flexbugs-fixes'),
              autoprefixer({
                browsers: [
                  '>1%',
                  'last 4 versions',
                  'Firefox ESR',
                  'not ie < 9', // React doesn't support IE8 anyway
                ],
                flexbox: 'no-2009',
              }),
            ],
          },
        },
        {
          loader: 'sass-loader',
        },
      ],
    }),
  },
  {
    test: /\.css$/,
    use: [
      require.resolve('style-loader'),
      {
        loader: require.resolve('css-loader'),
      },
    ],
  }]

plugins: [
    new ExtractTextPlugin({
        filename: 'css/[name].[contenthash:7].css',
        disable: env !== 'production'
    }),
]
回答
編輯回答
逗婦惱

<!DOCTYPE html>
<html>
<head>

<title>CSS內(nèi)部樣式</title>
<meta charset="utf-8">
<style type="text/css">
    h2{
        color: red;
        font-size: 30px;
    }
</style>

</head>
<body>

<h2>CSS內(nèi)部樣式</h2>
<h2>CSS內(nèi)部樣式</h2>

</body>
</html>

2017年3月16日 09:18