1.新建一个react项目
create-react-app name
这里我拿我git上的一个项目配置。地址:https://github.com/ws199501/react-redux-demo
这个项目只配了redux。
原本的目录:
目录.开始之前
2.首先我们要知道两点,一:create-react 是基于webpack的,建好的项目中已经存在webpack,二:webpack可以识别你的less文件。
那问题来了,目录里我没有看到webpack的配置文件啊,那个webpack.config的文件呢?
这时候运行一个命令
npm run eject!
这时候目录变了:
目录.之后
在下图的对于位置配置上less的数据即可。
less配置
ess配置
别忘了
npm install less less-loader ~~
webpack.config.dev.js 是开发坏境的配置
webpack.config.prod.js是打包坏境配置