Webpack4打包CSS的步驟如下：

1、安裝必要的插件：首先需要安裝css-loader和style-loader兩個插件。css-loader用于解析CSS文件，style-loader用于將CSS樣式注入到HTML中。

2、配置Webpack：在Webpack的配置文件webpack.config.js中，需要配置module.rules屬性，以便Webpack能夠識別并處理CSS文件，具體配置如下：

module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          'style-loader',
          'css-loader'
        ]
      }
    ]
  }
  // ...
}

3、導(dǎo)入CSS文件：在JavaScript文件中，可以使用import語句導(dǎo)入CSS文件。

import './styles.css';

4、打包CSS文件：執(zhí)行Webpack打包命令后，Webpack會自動將導(dǎo)入的CSS文件打包成一個CSS文件，打包后的CSS文件可以在HTML中通過<link>標(biāo)簽引入。

通過以上步驟，Webpack4就可以成功地打包CSS文件了。