美文网首页
create-react-app的react项目在webpack

create-react-app的react项目在webpack

作者: 码代码的小公举 | 来源:发表于2018-03-02 17:48 被阅读46次

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是打包坏境配置

相关文章

网友评论

      本文标题:create-react-app的react项目在webpack

      本文链接:https://www.haomeiwen.com/subject/taoaxftx.html