在webpack config中获取文件目录名称

Question

webpack配置中有许多快捷方式：[name]，[path] ...任何加载器都可以提供自己的（例如 css-loader 提供[local]快捷方式）。

如何获取[path]的文件目录（链中的最后一个）？

这是我的配置：

{
  test: /\.css$/,
  loaders: [
    'style',
    'css?localIdentName=[path]', // Path - full chain, but I need only the last dir
  ],
}    

[path]例如， src-components-button ，但我只需要最后一个 - 按钮。

Answer 1

您可以使用以下代码：

'CSS？localIdentName = [文件夹]' https://github.com/webpack/loader-utils#interpolatename

作为cssModules名称的样本：

'风格的CSS localIdentName = [文件夹]的 [本地] [散列：BASE64：5]！？'

主题中讨论了此问题：https://github.com/webpack/css-loader/issues/101