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的增加在一起就行没有问题。