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实现的类字典插入或更新方法实例
本文实例讲述了JavaScript实现的类字典插入或更新方法。分享给大家供大家参考。具体如下: 代码表述了类字典插入或更新的相关思想,感兴趣的朋友主要看懂代码意思就行,不必过于深究 <script type="text&#x...
2017-03-27
JavaScript对表格或元素按文本,数字或日期排序的方法
本文实例讲述了JavaScript对表格或元素按文本,数字或日期排序的方法。分享给大家供大家参考。具体实现方法如下: // Sorting table columns correctly by text, number ...
2017-03-23
webpack入门+react环境配置
本文介绍了react.js使用webpack搭配环境的入门教程,分享给大家,也给自己做个笔记 如果你想直接上手开发,而跳过这些搭配环境的繁琐过程,推荐你使用官方的create-react-app命令 npm install -g creat...
2017-03-20
VSCode配置react开发环境的步骤
vscode 默认配置对于 react 的 JSX 语法不友好,体现在使用自动格式化或者粘贴后默认缩进错误,尽管可以通过改变 language mode 缓解错误,但更改 language mode 后的格式化依然不够理想。 通过搭配使用 ...
2017-12-28
超级给力的JavaScript的React框架入门教程
React 是 Facebook 里一群牛 X 的码农折腾出的牛X的框架。 实现了一个虚拟 DOM,用 DOM 的方式将需要的组件秒加,用不着的秒删。React 扮演着 MVC 结构中 V 的角色, 不过你要是 Flux 搭配使用, 你就有...
2017-03-27
javascript控制层显示或隐藏的方法
本文实例讲述了javascript控制层显示或隐藏的方法。分享给大家供大家参考。具体实现方法如下: <html> <head> <title>中国风</title> <meta...
2017-03-27
javascript实现复选框全选或反选
复选框全选示例 <input type="checkbox" name="selectall" value=on onclick="selectAll()"> func...
2017-03-20
javascript去掉代码里面的注释
代码很简单,主要是使用正则来实现,直接奉上代码 reg = /("([^\\\"]*(\\.)?)*")|('([^\\\']*(\\.)?)*')|(\/{2...
2017-03-27
Reactjs实现通用分页组件的实例代码
大家多少都自己写过各种版本的分页工具条吧,像纯服务版的,纯jsWeb板的,Angular版的,因为这个基础得不能再基础的功能太多地方都会用到,下面我给出以个用ReactJS实现的版本,首先上图看下效果: 注意这个组件需要ES6环境,最好使...
2017-03-01
JavaScript拉起或下载app的实现代码
产品提了个需求,通过手机网页判断是否安装了自己公司app,如果安装了则拉起app,没有安装则跳转到下载页。 经过各种查阅资料尝试总结了一个还算可以的办法。 拉起app的原理就是js和原生统一好一个地址,例如(qiyimobile://sel...
2017-03-15
回到顶部