使用css module时配置webpack中css loader的localIdentName不生效

Question

使用的vue cli2构建的项目，其中主要依赖版本如下：

• vue: ^2.5.2
• webpack: ^3.6.0
• css-loader: ^0.28.0
• vue-style-loader: ^3.0.1

webpack中配置css的rule：

{
    test: /\.css$/,
    use: [
        "vue-style-loader",
        {
            loader: "css-loader",
            options: {
                modules: true,
                localIdentName: "[local]_[hash:base64:5]"
            }
        }
    ]
},

期望出现的效果是，页面上查看到dom节点的class是结构是如下这个样子的（原本的类名_5位的hash值）：

<div class="container_2QXe4"></div>

可实际上按照之前webpack的配置，出来的效果是这样的：

是一整串的hash值，似乎配置的localIdentName并没有生效。

望大佬解答，谢谢~