摘要: 先看 webpack.config.dev.js 里的相关代码: 4 个 样式文件后缀的正则表示,这份配置里是将普通 (s)css 文件和 (s)css module 文件是按文件名后缀不同而区分对待的,前者视为普通 css 文件,而处理后者时开启 css-loader 的 module 模式。这样 阅读全文
posted @ 2019-04-06 21:35 空瓶子装满了 阅读(886) 评论(0) 推荐(0) 编辑
摘要: 1.yarn add babel-plugin-import 2.在根目录下的package.json下的bable中添加相应代码 3.重启项目yarn run start 阅读全文
posted @ 2019-04-06 20:43 空瓶子装满了 阅读(1340) 评论(0) 推荐(0) 编辑
摘要: https://facebook.github.io/create-react-app/docs/documentation-intro 阅读全文
posted @ 2019-04-06 19:16 空瓶子装满了 阅读(445) 评论(0) 推荐(0) 编辑
摘要: 具体请参考阮一峰老师的博客(http://www.ruanyifeng.com/blog/2016/06/css_modules.html) 阅读全文
posted @ 2019-04-06 05:10 空瓶子装满了 阅读(279) 评论(0) 推荐(0) 编辑
摘要: antd 和 css modules 不能混用,针对antd的css 单独写一条loader的规则,不开启 css modules。 使用 exclude 和 include 配置参考(https://segmentfault.com/q/1010000011223900),修改webpack.co 阅读全文
posted @ 2019-04-06 05:09 空瓶子装满了 阅读(2906) 评论(0) 推荐(1) 编辑
摘要: 自定义主题 首先自定义主题需要修改antd,antd本身也是less写的之后编译成css的,所以当我们需要使用less。 1.yarn add react-app-rewire-less --dev 参考链接:https://ant.design/docs/react/use-with-create 阅读全文
posted @ 2019-04-06 04:54 空瓶子装满了 阅读(1394) 评论(0) 推荐(0) 编辑
摘要: 什么是react按需加载?简单来说就是当我们引用antd的时候需要引入全局css样式,这会对性能造成一定的影响,那么使用按需加载以后就不需要引入css全局样式了,直接引入功能模块即可,既然需要设置按需加载就要对webpack文件进行修改,需要我们执行npm run eject命令来展开项目的隐藏文件 阅读全文
posted @ 2019-04-06 04:45 空瓶子装满了 阅读(2038) 评论(0) 推荐(0) 编辑
摘要: 1.首先进入项目运行 npm run eject 展开详细代码(只可以使用一次,展开后不可恢复) 2.create-react-app 的版本在低于 2.0 的时候可以在 package.json 增加 proxy 配置, 配置成如下: 3.create-react-app 的版本高于 2.0 版本 阅读全文
posted @ 2019-04-06 00:06 空瓶子装满了 阅读(5153) 评论(0) 推荐(0) 编辑