对大屏项目的基本配置（rem）

如果我们想要做一个非标准屏幕的大屏：

大屏样式

如果我们想要实现一个基于react的大屏的项目，我们采用的是rem的框架，下面看看我们的如何进行配置的。
第一步,安装react的脚手架：

• 首先基于npm在全局安装create-react-app:npm install -g create-react-app
• 在指定目录中创建一个react项目工程:create-react-app my-app

第二步：将webpack从nodemodel里面抛出

• yarn eject

第三步：安装一些必要的依赖包，我安装了moment，echarts，echarts-for-react，lodash ，less，less-loader

• yarn add moment echarts echarts-for-react lodash less less-loader
  对webpack进行相对应的配置
  我用的是最近的react的create-react-app的脚手架，版本是3.0.0，在webpack.config.js里面进行配置less的相关

less的相关配置

如果有错误的话，这个地方是针对于antdesign来进行配置的，不配置可能会报错，但是由于我后来的大屏的方案与antdesign是不兼容的，就没有使用antdesign，但是这个配置依旧保留了下来。

对预处理器进行配置

第四步：安装大屏的插件，也就是将px转换成rem的插件：

安装大屏的插件

对大屏的插件进行配置

大屏插件配置

上面的插件的npm地址
这片技术方案是参照这片文章来实现的