1.修改源 查看源
npm config get registry
默认源
npm config set registry https://registry.npmjs.org
切换淘宝源
npm config set registry
https://registry.npm.taobao.org
2.创建react项目
npm install -g create-react-app
create-react-app 项目名称
3.在react中配置less
(1)安装less
(2)npm install less-loader less --save-dev
(3)查找 node_modules 下面的react-scripts/config/webpack.config.js
(4)默认已经帮你配置了sass环境 (只要安装sass环境 npm install sass-loader node-sass --save-dev)
const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;
在上面的sass那边copy一份,配置成为less
{
test: lessRegex,
exclude: sassModuleRegex,
use: getStyleLoaders(
{
importLoaders: 2,
sourceMap: isEnvProduction && shouldUseSourceMap,
},
'less-loader'
),
sideEffects: true,
},
{
test: lessModuleRegex,
use: getStyleLoaders(
{
importLoaders: 2,
sourceMap: isEnvProduction && shouldUseSourceMap,
modules: true,
getLocalIdent: getCSSModuleLocalIdent,
},
'less-loader'
),
},
4.配置less报错修改TypeError: this.getOptions is not a function
是因为less-loder版本过高,安装下旧版本
// 卸载
npm uninstall --save less-loader
// 安装
npm install -D less-loader@7.x