react中使用less
3.修改config文件夹下的webpack.config.js文件。由于react和vue不一样,需要我们自己暴露配置文件。输入y完成安装后会出现config文件夹。1.首先安装less。
·
由于react和vue不一样,需要我们自己暴露配置文件
1.首先安装less
npm install less-loader less --save-dev
2.执行eject命令暴露配置文件
如果在使用git时要先提交代码才可以暴露配置文件
npm run eject
输入y完成安装后会出现config文件夹
3.修改config文件夹下的webpack.config.js文件
1.
// 增加less的配置
const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;
2.
// 新增less配置
{
loader: require.resolve('less-loader'),
options: lessOptions,
},
3.
// 新增less配置
{
test: lessRegex,
exclude: lessModuleRegex,
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'
),
},
更多推荐
已为社区贡献1条内容
所有评论(0)