使用Sass（）获取NextJS生成的块的文件名

Question

我的next.config.js如下：

import path from 'path';
import glob from 'glob';
import ExtractTextPlugin from 'extract-text-webpack-plugin';
import webpack from 'webpack';
import dotenv from 'dotenv';
import OptimizeCSSAssetsPlugin from 'optimize-css-assets-webpack-plugin';

import withSass from '@zeit/next-sass';

dotenv.config();

module.exports = withSass({
  distDir: '.build',
  webpack: (config, { dev, isServer }) => {
    if (isServer) {
      return config;
    }
    config.plugins.push(
      new webpack.optimize.LimitChunkCountPlugin({
        maxChunks: 1,
      }),
    );
    config.optimization.minimizer.push(
      new OptimizeCSSAssetsPlugin({}),
    );
    return config;
  },
});

在这里，我正在使用withSass模块来连接所有.scss文件，并将它们合并为一个有效载荷，该有效载荷以散列文件名进入构建目录：

.build/static/css/styles.84a02761.chunk.css

现在，在我的webpack配置中，是否有任何方法可以检索此模块生成的文件名，因此我可以使用它以编程方式构建我的服务工作者以进行缓存？理想情况下，我想在生成文件名时将其添加到.env之类的文件中，以备后用。