前言 平时进行开发大多数是基于vue-cli或者create-react-app等官方或者公司内部搭建的脚手架.   我们业务仔做的最多就是npm i和npm run dev或者npm start,然后在router文件夹上添加路由,在views或者pages文件夹中添加业务页面.这种快速开发对公司当然是好事,但对于开发人员来说对项目里的webpack封装和配置了解的不清楚,出 问题时很容易会不知如何解决,或者不会通过webpack去扩展新功能和优化编译速度.出去是没多大竞争力的,而且很容易被替…

配置 react-router-dom   我们开发一个 React 工程肯定不是一两个“页面”就可以满足需求的,所以我们需要一个在多个“页面”中跳转的功能,在使用 React 构建的单页面应用中,要想实现页面间的跳转,首先想到的就是使用路由. 考虑 React 工程中的路由时,通常会想到 react-router 和 react-router-dom,其中 React-router 提供了一些 router 的核心 Api,包括 Router, Route, Switch 等,但是它没有提供…

配置处理样式文件   到目前为止,整个工程的配置已经差不多了,对于 React 更多相关的配置将在后面继续介绍,现在我们先来对目前的工程进行优化. 前面我们学习了搭建 webpack.react 开发的基础环境,但它实现的功能还远远不够,对于 webpack 的配置和 react 工程相关的基本依赖还没有实现,所以接下来我们会继续完成这些工作. 首先对于开发 web 应用自然少不了要写一些样式文件来使得页面变得更加美观,现在为了提高开发的效率,通常会使用一些 CSS 的扩展语言来书写样式,如 L…

基本介绍   Webpack 是一个前端资源加载/打包工具.它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源,它可以将多种静态资源 JavaScript.css.less 等转换成一个静态文件,减少了页面的请求. React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,它是一个用于构建用户界面的 JAVASCRIPT 库,主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图).由于拥有较高的性能,代码逻辑非常简单,…

对于每一名开发者来说,更换系统或者更换电脑的时候,都免不了花上不短的时间去折腾开 发环境的问题.我本人也是三番两次,深知这个过程的繁琐.所有,根据我自己以往的经验, 以及参考一下他人的意见,整理一下关于在Mac下做各种开发的配置,包含Java, Ruby, Vim, git, 数据库等等.欢迎补充与修正. Terminal篇 这篇文章包含配置控制台环境,包括包管理工具, zsh, Vim, git的安装配置. Homebrew, 你不能错过的包管理工具 包管理工具已经成为现在操作系统中不可缺少的…

记录公司环境搭建 1.安装VSCODE, 安装网上的推荐各种控件2.安装node, yarn, 会自动添加path3.先初始化npm 全部按回车默认. npm init.  初始化yarn: yarn init 全部默认.4.升级npm. npm i npm@lastest -g5.cd 到git 目录, 运行npm install 安装各种依赖. 根据package.json6.npm 安装concurrently. npm install -g concurrently7.npm 安装web…

前几天一直在学习webpack,总算比之前学习的时候有了点收获,所以在昨天发布了一篇webpack入门笔记,今天继续使用webpack练了练手,搭建了一个React开发环境,如果还不熟悉的童鞋可以看一下昨天发布的笔记:入门webpack笔记 一.初始化项目文件夹 在任意目录下,新建一个文件夹作为你的项目文件夹,命名随意.随后使用命令行工具,切换到该文件夹,键入npm init进行初始化(遇到的问题一直回车就好了),初始化完成之后可以看到生成了一个package.json文件. 随后在该项目文件夹…

1.TypeScript完全解读-开发环境搭建 初始化项目 手动创建文件夹 D:\MyDemos\tsDemo\client-demo 用VSCode打开 npm init:初始化项目 然后我们的项目根目录就多了个package.json的文件 创建相关目录文件夹 untils:业务相关的,可服用的方法 assets:主要放静态资源 img:图片 font:字体文件 tools:业务无关的纯工具的函数 api:把一些可以复用的接口请求的方法,放在api文件夹下 config:一般放配置文件,把一…

React 可以高效.灵活的用来构建用户界面框架,react利用高效的算法最小化重绘DOM. create-react-app 是来自于 Facebook,通过该命令不需配置就能快速构建 React 开发环境. create-react-app 自动创建的项目是基于 Webpack + ES6 ,所以搭建之前要具备Webpack+ES6 打开命令窗口:执行以下命令 npm install -g create-react-app create-react-app react-app cd reac…

手把手教你在Mac中搭建iOS的 React Native环境 http://www.cnblogs.com/damnbird/p/6074607.html 准备工作 1.你需要一台Mac电脑..(这不是废话?我所用的是Air~~穷..) 2.我所操作的电脑系统环境是 3.xcode版本:8.0正式版 必需的软件 1.Homebrew Homebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件. 打开终端,执行 /usr/bin/ruby -e "$(curl -fs…