*create-react-app 创建的项目
通过 eject 命令暴露出react 全部配置
postcss-pxtorem
npm i postcss-pxtorem -D
添加rem转换插件
webpack.config.js
//104行
require('postcss-pxtorem')({
rootValue : 100,
selectorBlackList : [], //过滤
propList : ['*'],
})
使用less css文件为什么rem转换没有生效,
create-react-app 的postcss配置都在getStyleLoaders函数中
在104行添加的转换工具插件没有错
检查427行以下发现
//less less-loader
如图1
create-react-app 默认scss css自行配置less 要应用getStyleLoaders, rem转换工具就生效了
效果 如图2
*create-react-app 创建的项目
通过 eject 命令暴露出react 全部配置
postcss-pxtorem
npm i postcss-pxtorem -D
添加rem转换插件
webpack.config.js
//104行
require('postcss-pxtorem')({
rootValue : 100,
selectorBlackList : [], //过滤
propList : ['*'],
})
使用less css文件为什么rem转换没有生效,
create-react-app 的postcss配置都在getStyleLoaders函数中
在104行添加的转换工具插件没有错
检查427行以下发现
//less less-loader
如图1
create-react-app 默认scss css自行配置less 要应用getStyleLoaders, rem转换工具就生效了
效果 如图2