react eject里面集成antd(或antd-mobile)

2018-06-13 admin

本文适合阅读对象:

1.安装babel-plugin-import:

npm install babel-plugin-import --save-dev

2.修改config/webpack.config.dev.jsconfig/webpack.config.prod.js: 找到这2个文件,并且在这2个文件中,找到以下部分:

          // Process JS with Babel.
          {
            test: /\.(js|jsx|mjs)$/,
            include: paths.appSrc,
            loader: require.resolve('babel-loader'),
            options: {
              // 加上下面的plugins
              plugins: [
                ['import', { libraryName: 'antd-mobile', style: 'css' }]// antd或antd-mobile
              ],

              // This is a feature of `babel-loader` for webpack (not Babel itself).
              // It enables caching results in ./node_modules/.cache/babel-loader/
              // directory for faster rebuilds.
              cacheDirectory: true,
            },
          },

[转载]原文链接:https://segmentfault.com/a/1190000015275863

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-33966.html

文章标题:react eject里面集成antd(或antd-mobile)

相关文章
深入理解JavaScript的React框架的原理
如果你在两个月前问我对React的看法,我很可能这样说: 我的模板在哪里?javascript中的HTML在做些什么疯狂的事情?JSX开起来非常奇怪!快向它开火,消灭它吧! 那是因为我没有理解它. 我发誓,React 无疑是在正确的轨道...
2017-03-26
一个适合新手的react小demo
之前一直都是在用vue,这两个月换了个公司,不过现在又离职了,这里什么框架都用, vue、angular、react,一般公司都是选二项技术去开发已经就够了, 要不是vue+angular或是react+angular个人觉得用了vue还来...
2018-01-11
webpack入门+react环境配置
本文介绍了react.js使用webpack搭配环境的入门教程,分享给大家,也给自己做个笔记 如果你想直接上手开发,而跳过这些搭配环境的繁琐过程,推荐你使用官方的create-react-app命令 npm install -g creat...
2017-03-20
JavaScript实现的类字典插入或更新方法实例
本文实例讲述了JavaScript实现的类字典插入或更新方法。分享给大家供大家参考。具体如下: 代码表述了类字典插入或更新的相关思想,感兴趣的朋友主要看懂代码意思就行,不必过于深究 <script type="text&#x...
2017-03-27
JavaScript对表格或元素按文本,数字或日期排序的方法
本文实例讲述了JavaScript对表格或元素按文本,数字或日期排序的方法。分享给大家供大家参考。具体实现方法如下: // Sorting table columns correctly by text, number ...
2017-03-23
vue-player或TcPlayer在微信内自动播放video和audio
不管是IOS和Android,当video和audio初始src为空,根据点击不同的媒体源(非播放器控件),比如多个章节的视频列表,动态给src赋值并执行play()方法时,大多数的机器并不会执行自动播放的动作,特别是在微信浏览器内。这是因...
2018-04-28
antd-mobile按需加载样式和自定义样式
引入css的样式的两种方式 在入口处引入样式 // 一般入口文件是index.js import 'antd-mobile/dist/antd-mobile.css'; &#x2...
2017-12-25
vue下使用 pdf.js 预览 和 打印 PDF文档 兼容React
我使用前端开发框架是vue,有一个打印PDF文档的需求. 这个需求最开始是交给后台,但是明显不切实际, 因为后台服务器,根本就无法连接打印机. 所以这个预览加打印文档的需求就交到了前端, 开始我有想过直接打开pdf文件, 但事实上直接打开p...
2018-06-06
React-Navigation 导航综合应用
本文由我们团队的 杨俊宁 组内分享后总结。 移动应用中最常见的导航风格可能是基于 tab 的导航。 可以在屏幕底部或顶部的标题栏下方(甚至取代标题栏)。 createStackNavigator 创建的 stack navigator...
2018-06-27
超级给力的JavaScript的React框架入门教程
React 是 Facebook 里一群牛 X 的码农折腾出的牛X的框架。 实现了一个虚拟 DOM,用 DOM 的方式将需要的组件秒加,用不着的秒删。React 扮演着 MVC 结构中 V 的角色, 不过你要是 Flux 搭配使用, 你就有...
2017-03-27
回到顶部