You can easily spend hours configuring the perfect dev environment with all the latest hotness like ES6 (and beyond) support, hot reloading, and a myr...
转载
2015-09-06 03:13:00
114阅读
2评论
快速搭建react-webpack
原创
2017-03-13 16:20:12
1161阅读
node是运行引擎，通过他可以直接在后端运行js语法 webpack是打包工具 react是前端框架 通过 npm 使用 React 我们建议在 React 中使用 CommonJS 模块系统，比如 browserify 或 webpack，本教程使用 webpack。 国内使用 npm 速度很慢，
转载
2017-09-22 02:22:00
64阅读
2评论
我以下的方式，其实并把Ant Design Pro文件打包到生成的安装包里，所以，安装包=Ant Design Pro+Electron环境
ant-design-pro ----> version ：2.3.1
由于网上Ant Design Pro+Electron的资料太少，我就贡献一点经验
转载
2024-08-19 20:15:35
151阅读
前言面试遇到一道题，使用 React 实现移动端物流单据列表查询功能。好家伙，React 咱已经一年多没碰过了（主要是项目都是用的 vue ，只能额外找时间学习 React ）。既然挑战来了，刚好也可以复习一下 React ，所以咱花了一天时间将它封装成了复用组件，当其他页面也用到差不多的列表时，直接搬来用。这里使用到了 Antd-mobile 组件库（毕竟人生苦短，该偷懒还是得偷懒的）废话不多说
转载
2024-05-07 16:43:17
166阅读
If you try to use CSS Modules in TypeScript the same way you would use them in JavaScript, with webpack’s css-loader, you’ll see an error: ”TS2307: Ca
转载
2018-01-26 20:13:00
158阅读
2评论
本篇着重讲解如何使用官方的demo，至于React及antd的安装及配置在本文末尾会给出相应的参考链接。创建一个React项目之后。create-react-app在新建的项目目录下引入antd组件库。yarn add antd
或者
npm install antd --save打开测试一下yarn start
或者
npm start创建成功以后会出现如下初始页面。
转载
2023-07-19 10:52:22
73阅读
webpack插件：npminstallbabel-corebabel-loaderbabel-preset-reactbabel-preset-es2015sublime插件：jsx//高亮jsx语法修改webpack配置文件：```constpath=require('path');module.exports={entry:'./src/index.js',d
原创
2018-04-06 13:44:24
1122阅读
安装配置Babel babel preset es2015 ES6语法包，使代码可以随意地使用ES6的新特性。 babel preset react React语法包，专门用于React的优化，在代码中可以使用React ES6 classes的写法，同时直接支持JSX语法格式 安装Babel lo
转载
2018-12-22 13:16:00
89阅读
常用配置说明entry可以接受字符串，数组，对象等多种格式项目打包入口文件，可以是绝对路径也可以是相对路径webpack 打包默认入口文件是 ./src/index.js 约定，默认输出是 项目根目录下 /dist/main.jsoutput 打包后的内容输出相关配置，path打包后文件路径, 只能使用绝对路径常用loader相关理解默认情况下，webpack 值支持.js,.json文件，通过
转载
2021-01-29 10:59:50
557阅读
2评论
1.Ant Design介绍和环境初始化Ant Design是一套面向企业级开发的UI框架，视觉和动效作的很好。阿里开源的一套UI框架，它不只支持React，还有ng和Vue的版本，我认为不论你的前端框架用什么，Ant Design都是一个不错的选择。习惯性把AntDesign简称为antd。官网地址:https://ant.design/index-cn2.项目初始化#安装脚手架工具
cnpm
ReactDOMServerReactDOMServer 对象允许你将组件渲染成静态标记。通常，它被使用在 Node 服务端上：// ES modules
import ReactDOMServer from 'react-dom/server';
// CommonJS
var ReactDOMServer = require('react-dom/server');概览下述方法可以被
Ant design pro-项目探究（5）react基础知识前言，前端利用请求参数、界面与数据进行整合，构成前端的展示。对于状态的一些调用，react中拥有useState,useEffect,useRef方式来实现前端状态的利用，了解这些方式的运用，对开发界面化来说提供了非常大的便捷之处，以下以以项目自带的table-list来讲解。首先我们来看看useStateimport React, {
一：项目效果二：项目说明项目框架
项目使用 react ant.design调用说明
1.控制是否显示设置，默认true
1）控制表格列的显示和隐藏
2）控制列的对齐方式
&
前言这是 React 系列教程的第一篇，我们将用 React 实现 Animate.css 官网的效果。对于 Animate.css 官网效果是一个非常简单的例子，原代码使用 jQuery 编写，就是添加类与删除类的操作。这对于学习 React 来说是一个非常简易的例子，但是我并不会在教程中介绍相关的前置知识，比如 JSX、ES6 等，对于小白来说可能还会有一些困惑的地方，所以还要了解一下 Rea
转载
2024-07-25 13:12:02
82阅读
1：桌面随便新建一个文件夹，用来存放项目，我的叫my-rea2：打开my-react文件夹，在路径中输入cmd，然后回车3：然后输入命令：create-react-app project(你想起的项目名称)4： 此时执行npm start就可以运行项目了，但是虽然项目已经运行成功，但是在项目目录里是找不到webpack配置项的。比如，我们想配置less、sass、配置项目接口请求等，这时我们需要做
转载
2024-07-05 04:11:17
108阅读
使用 antd安装yarn add antd复制代码配置仍然需要使用babel-plugin-import，不过在v4版本的介绍文档中没有该部分说明了，需要到v3版本找 —— antd@v3 - 高级配置yarn add babel-plugin-import -D复制代码只安装babel-plugin-import是不够的，还需要安装less和less-loaderyarn add less l
转载
2021-01-19 22:02:34
364阅读
2评论
安装 TSyarn add typescript -D复制代码安装@types的类型声明包。当使用第三方库时，我们需要引用它的声明文件，才能获得对应的代码补全、接口提示等功能，声明文件是以index.d.ts的一个文件，一般放在项目的根目录中，或者可以通过package.json中的typings/types属性来指定项目中声明文件的位置。获取一个库类型声明文件有两种方式：一种是该库包含了自己的声
转载
2021-01-19 22:03:00
414阅读
2评论
管理模块module在 webpack 中，每个文件都是一个模块，除了 webpack 认识的 JS 和 JSON 文件，CSS，图片等都是模块，模块之间通过不同方式的语法会产生依赖关系，例如：ES6+的import；CommonJS 的require；AMD 的define和require；css/sass/less 文件中的@import，url(...)；html 文件中可替换元素的src属
转载
2021-01-19 22:11:00
1119阅读
2评论
之前通过一些 webpack 的简单配置，项目可以使用 React 来编写基本组件了，但是每次编写组件，都需要重新执行webpack命令打包，然后再手动在浏览器中打开页面才能看到开发结果，这是十分影响开发效率的，我们要的效果yarn start启动项目运行，在开发过程中使用ctrl+s保存文件，然后页面能自动更新，为此需要配置 HMR 和 webpack-dev-server。开发模式模式（Mod
转载
2021-01-19 22:31:20
619阅读
2评论
