markdown 故事书与CSS模块

Posted 2021-05-05

const cssModuleRegex = /\.css$/;

module.exports = {
  module: {
    rules: [
      {
        test: cssModuleRegex,
        loaders: [
          require.resolve('style-loader'),
          {
            loader: require.resolve('css-loader'),
            options: {
              importLoaders: 1,
              modules: true,
              localIdentName: '[name]__[local]___[hash:base64:5]'
            }
          }
        ]
      }
    ]
  }
};

## Solved Storybook with css-module problem

[commit](https://github.com/godon019/Temple-Resource-Management/commit/4f32fed33b029084a5f6b588c4736d4689349a87)

with current version of storybook (4.1.6)

solved the problem with css-loader of CRA

coz in ILTAN-ART-APP it had a problem(probably older version of storybook)

so I solved it with **workaround**

solution was below

add `webpack.config.js`

to .storybook folder

    const cssModuleRegex = /\.css$/;
    
    module.exports = {
      module: {
        rules: [
          {
            test: cssModuleRegex,
            loaders: [
              require.resolve('style-loader'),
              {
                loader: require.resolve('css-loader'),
                options: {
                  importLoaders: 1,
                  modules: true,
                  localIdentName: '[name]__[local]___[hash:base64:5]'
                }
              }
            ]
          }
        ]
      }
    }; 

but now with new version of storybook

I just don't need that and only need `addons.js` and `config.js` folder