问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

为啥webpack3.X 生产环境下<head>中还有很多<style>的行内样式？已经用了ExtractTextPlugin

头像
taurus_wood
    482104961

    图片描述

    图片描述

    webpack关于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'
    }),
]
    javascriptwebpack
    阅读 1.7k
    1 个回答
    得票最新
    头像
    冬暖
      142

      <!DOCTYPE html>
      <html>
      <head>

      <title>CSS内部样式</title>
<meta charset="utf-8">
<style type="text/css">
    h2{
        color: red;
        font-size: 30px;
    }
</style>

      </head>
      <body>

      <h2>CSS内部样式</h2>
<h2>CSS内部样式</h2>

      </body>
      </html>

      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题