是否可以使用构建过程随机散列类？

用户14922187

我正在开发环境中做这样的事情。

import "./main.css"

    const App = () =>  <div className="foo-bar-baz"> <h1>Hello react</h1> </div>

现在我构建了这个，我得到如下输出。

<div class="foo-bar-baz"> <h1>Hello react</h1> </div>

但这不是我想要的。我希望对类名进行哈希处理。像这样

<div class="fx09_jnm_1 _Y1gn2f"> <h1>Hello react</h1> </div>

我怎样才能做到这一点？

用户14922187

它的固定。但是在运行“npm run eject”后，我在 config/webpack.config.js 文件中做了以下配置

现在还有另一个问题。有没有办法在不运行“npm run eject”的情况下做到这一点？

{
              test: cssRegex,
              exclude: cssModuleRegex,
              use: getStyleLoaders({
                importLoaders: 1,
                sourceMap: isEnvProduction && shouldUseSourceMap,
                modules: true,
                localIdentName:'__[hash:base64:5]',
              }),
              sideEffects: true,
            },
            {
              test: /\.css$/,
              use: [
                {
                  loader: 'style-loader'
                },
                {
                  loader: 'css-loader',
                  options: {
                    importLoaders: 1,
                    modules: {
                      localIdentName: '[hash:base64:5]__[hash:base64:5]___[hash:base64:5]'
                    }
                  }
                }
              ]
            },

npm run eject
npm i classnames --save

在您的组件中

import styles from 'main.module.css'
import classnames from 'classnames/bind'


const cx = classnames.bind(styles) 


return (
 
<div className={ cx('foobar') } > .... </div>
)

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。