logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

前端基础之《React(1)—webpack简介》

Webpack是一个模块化打包工具,能够将各种前端资源打包成浏览器兼容的静态文件。它采用从入口文件开始的依赖分析机制,将每个文件视为模块。搭建Webpack环境需要先安装Node.js和npm/yarn,创建项目目录并初始化package.json文件。然后通过npm或cnpm全局和本地安装webpack核心包及webpack-cli工具,为后续的模块化开发和打包构建做好准备。整个配置过程体现了现

#前端
前端基础之《React(2)—webpack简介-使用Babel》

本文介绍了webpack中使用loader处理ES6+语法的步骤:1.安装babel相关包(babel-loader、@babel/core、@babel/preset-env);2.配置webpack.config.js,设置js文件使用babel-loader处理;3.创建babel.config.js定义编译规则,使用@babel/preset-env预设将ES6+代码转换为ES5。通过配置

#前端
前端基础之《React(3)—webpack简介-集成JSX语法支持》

本文介绍了在项目中集成JSX语法的步骤:1)安装React相关依赖(react, react-dom);2)创建React根组件App.jsx;3)配置main.js作为入口文件并挂载组件;4)安装babel预设(@babel/preset-react)处理JSX语法;5)修改webpack配置,通过babel-loader处理.jsx文件扩展名。重点说明了react用于组件封装,react-do

#前端
前端基础之《React(4)—webpack简介-编译打包优化》

【Webpack编译优化配置】 通过配置webpack.config.js将第三方库与业务代码分离: 在entry中定义vendors入口,包含react等第三方库 业务代码入口app通过dependOn声明依赖vendors 输出配置使用[name].[chunkhash:8].js生成带哈希的文件名 配合HtmlWebpackPlugin实现自动注入 使用ProvidePlugin全局提供Re

#前端
前端基础之《React(5)—webpack简介-集成CSS和SASS支持》

本文介绍了如何为webpack项目集成CSS和SASS支持。首先创建app.css文件定义基础样式,然后安装style-loader和css-loader。重点说明了webpack配置中module.rules部分如何添加CSS处理规则:当遇到.css文件时,先由css-loader解析CSS代码,再由style-loader将样式插入HTML的head标签。规则排除了node_modules目录

#前端
前端基础之《React(7)—webpack简介-ESLint集成》

本文介绍了如何在webpack开发环境中集成ESLint进行代码检测。主要步骤包括:安装eslint-webpack-plugin和eslint依赖;配置webpack的serve.js文件,设置ESLint检测规则;使用eslint向导生成配置文件eslint.config.mjs;解决React全局变量未定义问题;配置node环境变量以消除require等语法警告。最终通过修改eslint.c

#前端
前端基础之《React(6)—webpack简介-图片模块处理》

摘要:本文介绍了在Webpack中处理图片模块的两种方法。在Webpack 5.0之前版本,需要使用file-loader和url-loader来转换图片为链接或base64编码。而在Webpack 5.0中,推荐使用asset/resource类型处理图片资源,相当于file-loader的功能。详细演示了如何在webpack配置文件中配置图片处理规则,包括修改module.rules部分,指定

#前端
数据分析基础之《matplotlib(2)—折线图》

matplotlib.pyplot包含了一系列类似于matlab的画图函数。它的函数作用于当前图形(figure)的当前坐标系(axes)展示城市一周的天气,比如从星期一到星期日的天气温度如下。1、matplotlib.pyplot模块。一、折线图绘制与保存图片。2、折线图绘制与显示。

#数据分析
git提交时出现merge branch main of xxx

1、在show log里面,跳到commit A修改之前的版本,右键选择Reset "main" to this,然后选择Hard。3、同事因为后续的commit有冲突,把A这个commit回退了,然后合并到了B、C上,又commit了B、C这两个变更。2、我把这个修改直接pull了下来(pull是fetch+merge的操作,自动合并到本地workspace)4、我再做pull的时候,就会有me

#git
windows下git版本升级

使用命令:git update-git-for-windows,就能自动升级了。

#git
    共 58 条
  • 1
  • 2
  • 3
  • 6
  • 请选择