css-загрузчик меняет имя id в результирующем css-файле - PullRequest
Новая
       26

css-загрузчик меняет имя id в результирующем css-файле

1 голос
/ 12 июня 2019

В настоящее время я использую storybook , и у меня возникла проблема с импортом файла CSS для моего пользовательского компонента. У меня есть пользовательский файл JS и CSS, который создает пользовательский элемент HTML, и я импортирую файл JS в свой файл storybook.js.

Это мой webpack.config.js

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

Однако проблема в том, что при проверке компонента один из моих селекторов идентификаторов изменяется с 

#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

1 Ответ

1 голос
/ 22 июня 2019

Вы пытаетесь изменить параметры на это: 

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