React新的安装less的方法
2024-10-01 03:59:07
yarn add less less-loader -D
yarn eject
在webpack.config.js文件中
const sassRegex = /\.(scss|sass)$/;
const sassModuleRegex = /\.module\.(scss|sass)$/;
在下面新增两条
const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;
{
test: sassRegex,
exclude: sassModuleRegex,
use: getStyleLoaders(
{
importLoaders: 2,
sourceMap: isEnvProduction && shouldUseSourceMap,
},
'sass-loader'
),
sideEffects: true,
},
//对应的增加一条
{
test: lessRegex,
exclude: sassModuleRegex,
use: getStyleLoaders(
{
importLoaders: 2,
sourceMap: isEnvProduction && shouldUseSourceMap,
},
'less-loader'
),
sideEffects: true,
},
{
test: sassModuleRegex,
use: getStyleLoaders(
{
importLoaders: 2,
sourceMap: isEnvProduction && shouldUseSourceMap,
modules: true,
getLocalIdent: getCSSModuleLocalIdent,
},
'sass-loader'
),
},
//对应的增加一条
{
test: lessModuleRegex,
use: getStyleLoaders(
{
importLoaders: 2,
sourceMap: isEnvProduction && shouldUseSourceMap,
modules: true,
getLocalIdent: getCSSModuleLocalIdent,
},
'less-loader'
),
},
运行的时候发现Error: Cannot find module '@babel/core'错误
//更新到最新版本就可以了
npm install -D babel-loader @babel/core @babel/preset-env webpack
////////////////////////////////////////////............................................................................................................................................................................../////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////############################################################################################################################################################################################################################################################
最新文章
- 测试数组push和unshift方法的效率
- Swig 使用指南
- Java、JVM和操作系统之间的关系,写给新人，
- ACM题目————数独
- jar包有嵌套的jar的打包成jar的方法
- 区间第K大
- socket网络编程快速上手（一）
- Go的基本环境配置
- P2915 [USACO08NOV]奶牛混合起来Mixed Up Cows
- java线程间通信之通过管道进行通信
- elk部署之前注意事项
- spark-shell简单使用介绍(scala)
- 5种PHP创建数组的方式
- JSTL XML标签库 使用
- hive-hbase-handler方式导入hive表数据到hbase表中
- SpringMVC配置式开发
- PHP 生成、识别二维码及安装相关扩展/工具
- uniqueIdentifier在ios7不支持后的替代方法
- BURG For Ubuntu 14.04 Trusty
- WPF定时刷新UI界面