使用localIdentName在本地开发环境快速找到css位置

使用localIdentName自定义生成的类名格式

可选的参数有：

• [path] 表示样式表相对于项目根目录所在路径
• [name] 表示样式表文件名称
• [local] 表示样式的类名定义名称
• [hash:length] 表示32位的hash值

 在webpack.dev.js（最好在开发环境中使用）中写成这样形式：

{
        test: /\.s[ac]ss$/i,
        include: root('src'),
        use: [
          'style-loader',
          {
            loader: 'css-loader',
            options: {
              minimize: false,
              importLoaders: 1,
              localIdentName: '[path][name]__[local]',
              modules: true,
            },
          },
          {
            loader: 'sass-loader',
          },
        ],
      },

这样可以通过查找元素的方式方便快速的找到相应模块。

表现形式为：className='该元素所在位置的路径'

感觉更方便后面维护的人快速定位