react-dnd 用法详解
本文详细讲解了 react-dnd 的 API 以及用法，并且附上了可供参考的 Demo，希望能够给需要的朋友提供一下帮助。
阅读全文…
前端小栈
因为有了危机感，所以会义无反顾。
-
-
在 create-react-app 中启用装饰器语法
本文简单介绍了一下如何在 create-react-app 中启用装饰器语法的两种方式。 方式一：暴露 create-react-app 的配置暴露出 create-react-app 的所有配置运行命令：1$ npm run eject 项目中就会展示出各种 config 配置文件。 在 babel 中添加 plugins 配置在 package.json 文件中找到 babel 的配置，... 阅读全文… -
nvm 和 nrm 的安装与使用
本文介绍了如何使用 nvm 切换 node 和 npm 版本，以及如何使用 nrm 切换 npm 下载源。 一、NVMNvm 可以切换 node 与 npm 版本，在开发不同项目时，可能会用到不同的 node 与 npm 版本，所以使用 nvm 可以方便的在不同 node 与 npm 版本之间进行切换。 写在前面 在安装 Nvm 之前，先将之前安装的 node 进行卸载。否则可能会出现无法... 阅读全文… -
JavaScript 项目迁移到 TypeScript 步骤以及遇到的问题
本文讲述了如何将 JavaScript 项目迁移到 TypeScript 上，以及如何在项目中添加 TypeScript 配置，编写 TypeScript 代码。 阅读全文… -
使用 TypeScript + React + Redux 进行项目开发（入门篇，附源码）
本文详细介绍了如何使用 Create-React-App 编写 TypeScript + React 项目 阅读全文… -
使用 happypack 提升 Webpack 项目构建速度
本文简单介绍了 Happypack 的简单使用，不了解的同学可以进来看一看。也许会有所帮助。 Happypack 作用在使用 Webpack 对项目进行构建时，会对大量文件进行解析和处理。当文件数量变多之后，Webpack 构件速度就会变慢。由于运行在 Node.js 之上的 Webpack 是单线程模型的，所以 Webpack 需要处理的任务要一个一个进行操作。 而 Happypack ... 阅读全文… -
使用 Webpack 的 DllPlugin 提升项目构建速度
本文介绍了 Webpack 中 DllPlugin 插件的使用，以及配合使用 AddAssetHtmlPlugin 将构建好的 JS 文件插入到 html 页面中。 阅读全文… -
使用 Webpack 进行生产环境配置（附 Demo）
本文从代码压缩、代码拆分、样式分离等三个方面对生产环境的代码打包进行了优化配置。只是最简单的一些配置，如果真正运用到项目中，还需要根据项目添加更多配置。 前言本文讲述的是如何对生产环境下的代码进行压缩，如果还不是太了解 Webpack 的朋友，可以先看一下我的上一篇文章：从零开始搭建一个 Webpack 开发环境配置（附 Demo） 本文项目代码位置：源码地址 环境搭建项目结构首先编写一... 阅读全文… -
从零开始搭建一个 Webpack 开发环境配置（附 Demo）
本文使用 Webpack 从零开始搭建一个开发环境的脚手架配置，在此做个记录，也方便以后使用。 前言我的上一篇文章简单介绍了一下 Webpack 的一些核心概念和基本配置，需要了解的朋友可以先参考一下Webpack 的简单介绍 从 webpack v4.0.0 开始，可以不用引入一个配置文件。直接使用 webpack 命令就可进行打包。但是，一般我们需要进行更灵活的配置功能，所以本文我也... 阅读全文… -
Webpack 的简单介绍
本文介绍了一些 webpack 的核心概念以及一些概念术语，并对核心配置做了一些简单的用法讲解。建议刚刚接触 Webpack 的朋友可以先了解一下。想了解更多 Webpack 使用以及配置的话可以参考我的下一篇文章： 从零开始搭建一个 Webpack 开发环境配置（附 Demo） 为什么需要使用 webpack 模块化开发的趋势我们在开发的过程中，之前都是使用引入 script 的方式进行... 阅读全文…