1.要用es6,因为目前浏览器的支持情况，那么肯定需要插件将e6的代码转换成es5，我用的是babel-loader，事实证明使用6.x版本似乎是不行的，我换成5.3.2之后就成功了。2.webpack.config.js配置文件中，配置loader的时候，我从网上博客中copy的loader: ‘babel-loader!jsx-loader?harmony‘ 不知道是语法错误还是本身不通，编译时会报错改成仅用babel-loader 错误解决 有空整理一下配置步骤发出来。原文：http://www.cnblogs.com/t...
option = {backgroundColor:‘#fff‘,grid: {left: ‘3%‘,right: ‘4%‘,top:20,bottom: ‘6%‘,containLabel: true},xAxis: {type: ‘category‘,boundaryGap: true,data: ["06-25", "06-26", "06-27", "06-28", "06-29", "06-30", "07-01"],//轴上文字 axisLabel: {interval: 0,textStyle: {fontSize: 12,color: ‘#898989‘}},//轴上刻度标签 splitLine: {show: false},//轴上的ke axisLine: {show...
这是 react native 配置极光推送使用的组件，比较常用https://github.com/jpush/jpush-react-native 先把组件地址贴出来，方便大家使用参考。如果这个大家不能配置成功，欢迎大家一起入坑交流，有问题联系 QQ379038610（添加备注说明原因） 不扯没用的，还要洗洗睡觉，直接把自己配置iOS极光的步骤给大家贴出来 1，首先大家项目环境，签名证书什么都配置完毕，开始集成推送的前提下 在项目当前目录执行： npm instal...
本文目标从零搭建出一套支持react+less+typescript+mobx的webpack配置 最简化webpack配置 首页要初始化yarn和安装webpack的依赖 yarn init -y yarn add webpack webpack-cli -D 根目录下新建webpack.config.js文件，内容如下 const path = require(‘path‘);module.exports = {mode: ‘development‘,// 入口 这里应用程序开始执行entry: path.resolve(__dirname, ‘src/index.tsx‘),// 出口 output: {// 输出文件的目标路径...
cat /etc/salt/master file_roots: base: - /srv/salt/base prod: - /srv/salt/prod interface: 192.168.1.100 reactor: - ‘salt/auth‘: - /srv/reactor/Minion.sls - ‘salt/minion/Minion/start‘: - /srv/reactor/auto.slsauto.sls run_state: local.state.sls: - tgt: {{ data[‘id‘] }} - arg: - shencan run_init: local.cmd.run: - tg...
react-native-swiper轮播图，是我们开发中特别常见的效果，首先感谢编写react-native-swiper的大神，让我们方便了很多。这个框架主要是用来做轮播图,焦点图等,内置了各种样式的轮播图. github地址: https://github.com/leecade/react-native-swiper React Native官方文档：https://reactnative.cn/docs/getting-started/ react-native-swiper官方教程：https://github.com/leecade/react-native-swiper 项目地址GitHub地址...
电脑环境：需要先安装好 1. nodejs （官网下载安装，安装8.0以上版本， 使用 node --version 查看是否安装成功）2. npm （安装好node时跟着就安装好了npm，使用 npm -v 查看是否安装成功）3. typescript （打开终端命令，输入 npm install -g typescript ，输入 tsc -v 查看是否安装成功） vscode 中搭建 react + typeScript 开发环境1. 新建一个空文件夹，比如命名为 react_add_ts 2. 在vscode中打开这个文件夹，注意这时候...
安装Webpack1. npm i -D 是npm install --save-dev 的简写，是指安装模块并保存到package.json的devDe pendencies，npm i -D webpacknpm init -ynpm install webpack webpack-dev-server --save-devnpm install --save-dev webpack-cli -g2.全局安装 npm i -g webpack运行在项目根目录下对应的命令行里通过node rnodules/.bin/webpack 运行Webpack 的可执行文件。在Npm Script 里定义的任务会优先使用本项目下的Webpack创建src 文件...
1. react-router 对象式配置 和 组件式配置 组件式配置（Redirect） ----对应---- 对象式配置（onEnter钩子）IndexRedirect -----对应-------indexRoute的onEnter钩子函数 原文：http://www.cnblogs.com/miaowwwww/p/6181736.html
写在最前暑假想要学习React, 发现React官网上的没有说明如何搭建React开发环境, 网上找的很多都是基于webpack3的, 或者直接使用脚手架, 所以趁着放假, 就稍微学了下webpack, 开始搭建自己的React项目. 第一次写博客, 如有错误, 请指出, 谢谢!之后也会继续更新从零搭建React全家桶系列, react+react-router+redux+es6. 希望大家多多支持.说明开发环境是windows 10技术栈版本node 10.3.0npm 6.1.0webpack 4.16.1react 16.4.1babel-co...
万事开头难作为一只进入ECMAScript世界不久的菜鸟，已经被React Native的名气惊到了，开源一周数万星勾起了我浓烈的兴趣。新年新气象，来个HellWorld压压惊吧^_^（故意少打个‘o‘）具体的详细教程这里都有，我就说说这里没找到的几个坑，由于大部分资料还是0.1.4版本的react-native，笔者用最新的0.1.7和现有的很多是不一样的。http://reactnative.cn/docs/android-setup.html#content00.第一个坑，安卓墙Android SDK下载：本来抱...
mobx 需要使用decorator 修饰器语法 但项目默认是不支持的 此时我们需要配置以下一 创建项目后 先使用 npm run eject 弹出webpack配置 否则我们的packge.json 没有我们需要的配置项 此时我们的package.json 的最后就会有我们需要的babel配置注意: 在mac系统上如果对这个项目进行过操作,npm run eject可能会报出错误 此时使用git add .(add后空格 点)git commit -am "Save before ejecting"再使用npm run eject即可解决win...
参考：https://facebook.github.io/create-react-app/docs/adding-custom-environment-variables What other .env files can be used?Note: this feature is available with react-scripts@1.0.0 and higher..env: Default..env.local: Local overrides. This file is loaded for all environments except test..env.development, .env.test, .env.production: Environment-specific settings..env.development.local, .env.test....
1、安装插件npm install --save-dev babel-preset-mobx mobx mobx-react 2、package.json配置{"presets": ["mobx"] } 参考：https://cn.mobx.js.org/best/decorators.html原文：https://www.cnblogs.com/piaobodewu/p/10505614.html
因为配置less需要修改react的配置文件，所以要把项目配置文件抽离1$ yarn eject会多出config和script文件夹接下来安装lessyarn add less less-loader 或者 npm install less less-loader安装完成后打开config文件夹，找到webpack.config.js文件这里一共有三项需要修改 1.修改style files regexes（样式文件正则），找到 注释style files regexes，在这部分最后添加如下两行代码：12const lessRegex = /\.less$/;const...