竹林品雨

业精于勤荒于嬉，行成于思毁于随

React Native 之 Hello World

开发环境搭建（OSX） http://facebook.github.io/react-native/docs/getting-started.html 基础环境 brew install node brew install watchman npm install -g react-native-cli Hello World 示例创建HelloWorld: react-n...

Posted by zhulinpinyu on February 7, 2017

Webpack2 学习笔记(十): 与Server端整合及远程部署

https://www.udemy.com/webpack-2-the-complete-developers-guide/ 安装node web框架express yarn add express Webpack 与 Node Server整合 —— 开发环境 yarn add webpack-dev-middleware --dev server.js const ex...

Posted by zhulinpinyu on February 7, 2017

ESLint 使用配置

ESLint: Javascript代码质量检查工具编辑器Atom配置 Atom编辑器安装plugin : linter, linter-eslint 特定项目的配置安装代码检查规范： yarn add eslint-config-rallycoding --dev 在项目根目录新建.eslintrc { "extends": "rallycoding" } ...

Posted by zhulinpinyu on February 7, 2017

Webpack2 学习笔记(九): 静态部署

https://www.udemy.com/webpack-2-the-complete-developers-guide/ 部署配置环境变量配置，webpack.config.js ... plugins: [ ... new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify(...

Posted by zhulinpinyu on February 6, 2017

Webpack2 学习笔记(八): 动态加载react-router路由依赖组件

react项目代码优化

https://www.udemy.com/webpack-2-the-complete-developers-guide/ 优化前示例代码：router.js import React from 'react'; import { Router, Route, IndexRoute, hashHistory } from 'react-router'; import Home fro...

Posted by zhulinpinyu on February 5, 2017

Webpack2 学习笔记(七): webpack-dev-server 使用简介

https://www.udemy.com/webpack-2-the-complete-developers-guide/ 安装依赖包： yarn add webpack-dev-server@2.2.0 --dev 文件package.json ... "scripts": { "clean": "rimraf dist", "build": "yarn run c...

Posted by zhulinpinyu on February 5, 2017