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