Javascript css加载器更改结果css文件中的id名称

我目前正在使用故事书，在为自定义组件导入CSS文件时遇到问题。我有一个自定义JS和CSS文件，它创建了一个自定义HTML元素，我将JS文件导入到我的storybook.JS文件中

这是我的

webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/i,
        loader: 'css-loader',
        options: {
          modules: true,
        },
      },
    ],
  },
};

然而，问题是当我检查组件时，我的一个id选择器从

#my_id {
    position: relative;
    margin: 1rem 1rem;
    width: calc(100% - 2rem);
    height: 0.1rem;
}

像这样的事情

#_2mi2YFOpgJGU5rtfy7l3RI {
    position: relative;
    margin: 1rem 1rem;
    width: calc(100% - 2rem);
    height: 0.1rem;
}

---

有什么我需要做的吗？我认为问题在于css加载程序

您尝试将选项更改为：

options: {
  modules: true,
  importLoaders: 1,
  localIdentName: '[hash:base64:5]'
}

---

我不使用css加载器，但您确定这不是css加载器的标准行为吗？这是因为您启用了

模块

，请检查此项