2019年03月_zwkkkk1

原创 webpack 编译图片配置及 url-loader、file-loader 区别

webpack 编译图片配置通过翻阅官方手册，我们发现可以借助 url-loader 或是 file-loader完成对 webpack 编译图片的配置。下面我先分别介绍两种 loader 的配置方法(大家按需求选择其一)，然后再简单介绍下两者的区别。url-loader 配置说明npm install file-loader url-loader -Durl-loader 依赖于 f...

2019-03-27 16:38:23 3763

原创 ant-design 引入样式及配置 babel-plugin-import 按需加载

1. ant-design 引入样式的几种方式1.1 全局引用js代码引入 ant-design 的 Button 组件import React, { Component } from 'react';import Button from 'antd/lib/button';import './App.css';class App extends Component { rend...

2019-03-26 16:21:17 15126 2

原创 Mac 查看端口占用情况及杀死进程

在开发中经常会遇到端口占用问题，例如下面，npm start 报的错误：1. 查看端口占用情况命令lsof -i tcp:8080输出结果：字段说明：字段名说明COMMAND进程名称PID进程标识符USER进程所有者FD文件描述符，应用程序通过文件描述符识别该文件TYPE文件类型，文件 REG、目录 DIR、字符 CHR、块设备...

2019-03-25 15:55:23 18034

原创 webpack——devtool配置及sourceMap的选择

官方手册传送门官方对devtool配置的定义很简单：选择一种 source map 格式来增强调试过程，不同的值会明显影响到构建build和重新构建rebuild的速度。不过，什么是source map，官方用提供了许多种的source map，其中的区别是什么，我们在开发中应该怎么选择，都是我们要学习的。1. 什么是 source map现在的前端代码会通过babel编译或者各类的...

2019-03-23 12:13:08 6729

原创 React Native 样式表指南

React Native 的样式基本上是实现了 CSS 的一个子集，针对 iOS、Android 阉割了一些功能，并且部分属性名不完全一致，下面是 React Native 所有的 CSS 样式。下为0.58的正式版本Text样式属性属性名取值描述color<color>对应 CSS color 属性fontFamilystring对应 C...

2019-03-18 15:35:32 948

原创 React Native alignItems: baseline 在 Android 下失效解决方案

问题在项目中，把不同 font-size 的字放在一起，是一个很常见的需求，我们可以这样：import React, { Component } from 'react';import { Text, View } from 'react-native';export default class App extends Component { render() { retur...

2019-03-15 17:49:03 1538 1

zwkkkk1的博客