clsss要用className <div className=\"color-light\">

文档的结构现在看来就是在互相引用

小标题scss引入

为了看着舒服和更快的选择标签，决定选择用scss，demo里自带了less，但相对来说scss更熟悉些，怎么搞都不成功

     {
          test: /\\.(le|c|sc)ss$/,
          use: [
            MiniCssExtractPlugin.loader,
            {
              loader: \‘css-loader\‘,
            },
            {
              loader: \‘postcss-loader\‘,
              options: {
                ident: \‘postcss\‘,
                plugins: [require(\‘autoprefixer\‘)()],
                plugins: () => [
                  //在postcss-loader的插件中加入这个插件
                  //px2rem({ remUnit: 75 }) 的意思就是1rem = 75px 这个是根据750px设计稿来的，如果是620 的就写 62
                  px2rem({ remUnit: 75 })
              ]
              },
            },
            {
              loader: \‘less-loader\‘,
            },
          ],
        }

后来不成只能硬着头皮用less，引入rem2px时发现是添加的位置不对，具体webpack的配置应该就是去掉scss的报错，反正直接和这个less的添加在一起就行没有问题。

初识React