Webpack5是一個強大的模塊打包工具，可以用來提取CSS文件，在Webpack5中，可以使用extract-text-webpack-plugin插件來提取CSS文件，該插件可以將CSS代碼從JavaScript代碼中提取出來，并生成單獨的CSS文件。

使用extract-text-webpack-plugin插件需要將其添加到Webpack配置文件中，在配置文件中，可以通過以下代碼來啟用該插件：

const ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = {
  // ...
  plugins: [
    new ExtractTextPlugin({
      filename: 'style.css', // 提取出來的CSS文件名稱
      allChunks: true, // 是否提取所有塊的CSS代碼
    }),
  ],
  // ...
};

在上面的代碼中，ExtractTextPlugin被引入并實例化，然后添加到plugins數(shù)組中。filename參數(shù)指定了提取出來的CSS文件名稱，allChunks參數(shù)指定是否提取所有塊的CSS代碼。

啟用該插件后，Webpack5會在打包過程中提取出CSS代碼，并生成名為style.css的文件，如果allChunks參數(shù)設置為true，則會提取所有塊的CSS代碼，否則只會提取當前塊的CSS代碼。

需要注意的是，使用extract-text-webpack-plugin插件可能會增加打包時間，因為需要額外的步驟來提取CSS代碼，對于大型項目來說，提取CSS代碼可以使得JavaScript文件更加輕量級，提高頁面的加載速度。