一、react中添加Less/sass配置:
第一步:先释放出react配置文件(释放出config和scripts目录)
npm run eject
// 报错git
git add .
git commit -m 'init'
第二步:安装less或sass
安装less: npm install less less-loader --save-dev
第三步:配置webpack.config.dev.js和webpack.config.prod.js文件支持less
第一:改webpack.config.dev.js文件:找到module的rules规则配置
1)test: /\.css$/改成 test: /\.(css|less)$/ (const cssRegex = /\.(css|less)$/;)
2)在use数组末尾添加一项: { loader: require.resolve('less-loader')}
第二:改 webpack.config.prod.js文件:找到module的rules规则配置
1)test: /\.css$/改成 test: /\.(css|less)$/
2)在use数组末尾添加一项: { loader: require.resolve('less-loader')}
less语法:https://www.cnblogs.com/haoyijing/p/5793788.html