对大屏项目的基本配置（rem）
2019-04-30 本文已影响0人
kim_jin
如果我们想要做一个非标准屏幕的大屏：
大屏样式
如果我们想要实现一个基于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的插件：
安装大屏的插件
对大屏的插件进行配置
大屏插件配置
