react-native使用正则表达式

1.正则表达式去除数字以外的其它字符

"\D" ：表示除了数字的其它所有字符

那么为什么会用到while循环呢？

那就是因为在字符串中有多种不同的字符时使用 “newText.replace(D,'')”只会对字符串匹配一次，就会出现去除不全的情况，所以需要循环判断一下。

2.正则表达式每四们数字添加一个空格

正则语法：

"\d"：表示所有数字

"{4}"：表示前面表达式有四位

"$1"：表示正则表达式中第一个括号所匹配的内容。注："$1"后面有一个空格不是很明显要注意

"?="：前瞻，这里有一篇 前瞻的文章 帮助理解

"trim()"：去除字符串头尾的空格

使用while循环的作用与1一样，只会对字符串进行一次匹配，所以使用循环。

1、第一步我们将webpack.config.js文件也就是webpack配置文件暴露出来，通过执行以下命令：

npm run eject

2、运行完命令之后我们可以在项目中看到scripts和config文件夹，但是我们要修改的使webpack配置文件，使其能够支持less文件，所以我们只需要打开config中的webpack文件进行配置即可。

3、找到配置文件，我们只需要修改三个地方

（1）添加less的正则

文字版如下：

const lessRegex = /\.less$/

const lessModuleRegex = /\.module\.less$/

（2）在样式加载器函数的loaders数组中添加less对象

文字版如下：

{

loader: require.resolve('less-loader'),

},

（3）在module模块的rules中模仿sass的写法（具体位置在sass的下面）

文字版代码：

//less配置

{

test: lessRegex,

exclude: lessModuleRegex,

use: getStyleLoaders(

{

importLoaders: 2,

sourceMap: isEnvProduction

? shouldUseSourceMap

: isEnvDevelopment,

},

'less-loader'

),

sideEffects: true,

},

{

test: lessModuleRegex,

use: getStyleLoaders(

{

importLoaders: 2,

sourceMap: isEnvProduction

? shouldUseSourceMap

: isEnvDevelopment,

},

'less-loader'

),

接下来我们就可以重新启动项目了，但是这时候可能还有有小伙伴出现问题，对没错，那个小伙伴就是我，当时我是没办法重新启动项目的，他报出了这样一个错误：

就是出现了：Cannot find module 'react-scripts\config\env.js’这种错误，我们的解决办法就是，通过下载安装react-scripts即可。

npm install --save react-scripts

接下来我们的项目就可以重新启动了！

当然我们在这个过程中还需要注意的是我们不要忘记下载less 和less-loader

1、在项目中下载安装插件less。

2、暴露配置文件。

3、配置webpack.config.js文件，在项目中找到匹配loade的正则表达式，按照css的样子添加less。

4、在已知的项目中，找到之前设置好的sass，通过配置less找到sass所在位置，在其下方将less配置React。

5、通过添加代码可以完成配置，重启生效。

---