react+flexible適配移動端專案的配置

CodeGirl發表於2020-04-07

配置之前首先要知道create-react-app建立的專案預設是不對外暴露配置資訊的,所有的配置資訊可以在node_modules/react-scripts下面看到

1. 安裝flexible

npm i lib-flexible --save
複製程式碼

2.安裝 sass-loader node-sass

npm i sass-loader node-sass --save-dev
複製程式碼

3.安裝 postcss-px2rem

 npm i postcss-px2rem --save
複製程式碼

4.在 node_modules/config/webpack.config.js 下做如下配置:

引入
 const px2rem = require('postcss-px2rem');
 px2rem({ remUnit: 75 })
複製程式碼

在這裡插入圖片描述
在這裡插入圖片描述

在這裡插入圖片描述

5. 引入 lib-flexible,在專案入口檔案 index.js 裡 引入 lib-flexible

import 'lib-flexible'
複製程式碼

在這裡插入圖片描述

6.重新啟動下專案完成配置

相關文章