2019年12月09日你要记录点什么？

[weblixin]

react脚手架项目开发中常见问题总结

项目如何使用scss

1、 安装 sass-loader 和 node-sass 依赖

npm i node-sass sass-loader --save-dev 或者 cnpm i node-sass sass-loader --save-dev

2、 修改 react 脚手架中的 webpack 配置

项目目录： node_modules/react-scripts/config/webpack.config.dev.js

修改module下rules的最后一项：

{
    exclude: [/\.js$/,/\.html$/,/\.json$/,/\.scss$/],
    loader: require.resolve('file-loader'),
    options: {
        name: 'static/media/[name].[hash:8].[ext]'
    }
}, 
{
    test:/\.scss$/,
    loaders:['style-loader','css-loader','sass-loader']
}

项目兼容IE "promise未定义"

1、 安装并引入promise-polyfill

npm i promise-polyfill --save  

在入口文件index.js中引入

import Promise from 'promise-polyfill';

2、 将Promise对象添加到window

if (!window.Promise) {
    window.Promise = Promise;
}

项目兼容IE9/10

1、 "Map或Set未定义"

在入口文件index.js顶部引入core-js中的set和map

import 'core-js/es/map';
import 'core-js/es/set';

// 如果没有core-js，需要安装依赖

2、 "语法错误"

• 安装react-app-polyfill依赖

  npm i react-app-polyfill --save

• 在入口文件index.js顶部引入

  
  import 'react-app-polyfill/ie9'; // 兼容ie9以后版本

// import 'react-app-polyfill/ie11'; 兼容ie11，如果已经兼容ie9，这个可以不引入

import 'react-app-polyfill/stable';// 如果一部分语言浏览器不支持，可以引入stable

### 项目使用 `ant-design` 兼容 `ie9+`
+ `index.html` 增加 `meta` 标签  
````html
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

[koala-coding]

1. 一篇 koa2 源码思考文章
   • 早上写的文章，地址已经同步到 blog，但是仍有两个疑问，疑问1：之前确实很少在开发过程中使用Event 模块，虽然知道一些模块继承了它，koa2 在错误处理应用到了，把这里会继续看一下，添加到之前写的代码中。 疑问2：compose函数和函数编程的关系，还是需要在清晰一下。看完补上
2. 过数据库
   • 开始过一遍 mongodb
   • 今天先做了和mysql的对比，还有一些应用场景，以及它与mysql 不同的几点大概看了一下，发现mongodb和sequelize挺像，和关系型数据库不同的有索引，事务等
3. 代码中出现的一个问题，requie循环嵌套导致