AS_TS的博客

一、公共环境变量二、环境变量(例如： 环境变量)在项目开发中，我们不可避免的会需要使用 环境变量，例如在定义接口 api 的 baseURL 时，会根据不同的环境，配置不同的根地址 baseURL。使用 命令创建的 react 项目，在使用 yarn run eject 命令将所有内建的配置暴露出来后，在 package.json 文件中，提供了一个 start 命令，和一个 build 命令，这两个命令在根据命令，可以在根目录的 scripts 文件夹下，找到 start.js、build.js

封装一个自己的前端脚手架cli工具（二）新建页面，使用 babel 添加导出、导入节点、添加对象节点

封装一个自己的前端脚手架cli工具。

react-router-dom6

一、安装路由

一、使用脚手架搭建项目基础npx create-react-app my-app创建后会得到一个基础的 react 项目文件，如果不需要加其他配置，可以直接使用二、Create-React-App的Webpack配置npm run eject如果需要增加特殊配置，可以在根目录下使用这个命令，工具会给出提示，提示eject为不可恢复操作，输入y或者y开头的单词，即可进行eject。eject后，会在目录下发现几个新增的目录 config，script。script的内容为脚手架自己生成的，不用

根据umi官方文档介绍CSS 预处理器Umi 内置支持less，不支持sass 和 stylus，但如果有需求，可以通过 chainWebpack 配置或者 umi 插件的形式支持。在没配置之前，使用 .sass 、 .scss 会编译报错这里就提供umi插件的形式，使代码中可以使用.sass 、 .scss 文件步骤如下：首先安装 umi插件 @umijs/plugin-sassyarn add @umijs/plugin-sass注意：安装的必须是 @umijs/plugi

写在前面，本文阅读需要一定 Nodejs 的相关知识，因为会扩展 webpack 的相关功能，并且实现需要遵守一定约定和 Ajax封装。沉淀的脚手架也放到Github上供给同学参考React-Starter， 使用手册还没写完善， 整体思路和React还是Vue无关，如果对大家有收获记得Star下。它有这些功能：开发打包有不同配置eslint 验证代码风格统一commit 规范验证接口mock热更新异步组件Mock功能介绍市面上讲前端 mock 怎么做的文章很多，整体上阅读下来的没

umi 配置路由根据 umi ，官方文档的介绍，项目的路由写在 .umirc.ts 文件里的 routes 数组中import { defineConfig } from 'umi';export default defineConfig({ nodeModulesTransform: { type: 'none', }, routes: [ { path: '/', component: '@/pages/index', name:'首页'}, ], fastR

使用 umiJS 时出现的终端警告：WARN [WARN] update jsx: "react" into jsx: "react-jsx" to suport the new JSX transform in React 17 in tsconfig.json解决方法：确保 typescript 的依赖安装完成，随便打开一个提示错误的 .tsx 文件。macOS 使用 command + shift + p，Windows 貌似是 ctrl + shift + p。然后输入 TypeScri

1. npm-check使用 npm-check 插件进行批量管理升级npm-check 是用来检查npm依赖包是否有更新，错误以及不在使用的，可以使用npm-check进行包的更新。详细信息：https://www.npmjs.com/package/npm-check安装：npm install -g npm-check使用：npm-check设置（Options）：...

项目创建完成后，需要使用 router 时，react-router-dom 提供了 router 服务1. 下载安装 react-router-domnpm install --save react-router-dom或yarn add react-router-dom如果使用 Typescript ，需要安装一个 react-router-dom 的声明文件，vscode 会有提示yarn add @type/react-router-dom2. 组件引用 react-router-do

使用 Typescript 搭配 react-reudx 进行数据操作，基本上按照 react-reudx 的操作进行App.tsx 文件内容import * as React from 'react'import {Provider} from 'react-redux'import {store} from './store'import Todo from './Todo'class App extends React.Component { render() {

在协同开发时，有很多代码管理的方式，这里我列举我与同事协同开发时的方案从 develop 分支拉取代码，创建自己的分支完成本日开发任务后推送到 GitHub 上自己的分支，发合并申请，由同事相互检查错误代码【】，合并完成并删除自己分支（第二天开发时在创建自己分支）使用 git rebase develop 分支变基，将上游分支 develop 分支上的最新代码合并到自己分支，并解决冲突继续后续开发本篇主要聊聊在使用 git rebase 时的流程、采坑因为同样是合并分支，所以就会有一个疑问，

转载来源：https://www.cnblogs.com/tugenhua0707/p/9163167.html为什么要搭建私有的npm仓库？对于公司的业务代码是不能对外开放的，因此我们有必要搭建一个类似于 http://npmjs.org这个的一个私有平台来管理公司业务相关的组件及代码。npm及私有npm的工作原理？我们使用npm安装，共享和分发代码，npm帮助我们管理项目中的依赖关系，当我们使用 npm install 去安装一个模块时，会先检查 node_modules目录中是否已经存在这个模

webpack的基本使用一.安装webpack(1) 打开项目目录终端，输入命令:npm install webpack webpack-cli -D(2) 然后在项目根目录中，创建一个 webpack.config.js 的配置文件用来配置webpack在 webpack.config.js 文件中编写代码进行webpack配置，如下：module.exports = { m...