博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react16.8+webpack4.29+less-loader
阅读量:6825 次
发布时间:2019-06-26

本文共 1489 字,大约阅读时间需要 4 分钟。

yarn eject后暴露出webpack版本为

"react": "^16.8.6",    "webpack": "4.29.6",复制代码

yarn eject 后要安装的插件:

yarn add @babel/plugin-syntax-jsx复制代码

添加less-loader

yarn add lessyarn add less-loader复制代码

修改配置环境(webpack.config.js)

// style files regexesconst cssRegex = /\.css$/;const cssModuleRegex = /\.module\.css$/;+ const lessRegex = /\.less$/;+ const lessModuleRegex = /\.module\.less$/;const sassRegex = /\.(scss|sass)$/;const sassModuleRegex = /\.module\.(scss|sass)$/;复制代码

配置less-loader

//@To-do 原来的内容// Adds support for CSS Modules, but using SASS          // using the extension .module.scss or .module.sass {            test: sassModuleRegex,            use: getStyleLoaders(              {                importLoaders: 2,                modules: true,                getLocalIdent: getCSSModuleLocalIdent,              },              'sass-loader'            ), }, //@To-do 添加如下内容+         //Adds support for less  +         {+            test: lessRegex,+            exclude: lessModuleRegex,+            use: getStyleLoaders({ importLoaders: 2 }, 'less-loader'),+          },          // Adds support for CSS Modules, but using SASS          // using the extension .module.scss or .module.sass          {            test: lessModuleRegex,            use: getStyleLoaders(              {                importLoaders: 2,                modules: true,                getLocalIdent: getCSSModuleLocalIdent,              },              'less-loader'            ), },复制代码

关于webpack更多请参考文章 : 代码修改请看:

转载地址:http://vhgzl.baihongyu.com/

你可能感兴趣的文章
JAVA设计模式之观察者模式
查看>>
MacOS下免密码ssh登陆
查看>>
Could not find modernizr-2.6.2 in any of the sources
查看>>
使用二次封装的openStack发行版本网卡至少有2个
查看>>
js 的 call 与 apply
查看>>
Linux下安装jdk8步骤详述
查看>>
优化Http请求、规则1-减少Http请求 --更新中
查看>>
解决 - java.lang.OutOfMemoryError: unable to create new native thread
查看>>
<%@include file="a.jsp"%> jsp引用jsp文件时候注意
查看>>
转 intValue()的用法
查看>>
Docker学习笔记_Dockerfile基本知识
查看>>
css- 范围选择
查看>>
JavaScript深入【词法结构,类型,值和变量】原来也不简单
查看>>
3、Object对象的两大方法(hashCode-equals)总结
查看>>
matlab GUI之 -- 绘图
查看>>
'scope' is defined but never used
查看>>
C++ 常量指针与指针常量
查看>>
VB下对HTML元素的操作
查看>>
四、MyBatis框架介绍及使用
查看>>
java如何追加写入txt文件
查看>>