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