前端开发
文章平均质量分 82
哇哇小仔
时空数据挖掘
展开
-
React基础笔记
React基础学习笔记Author: 哇哇小仔Date: 2021-03-19Version: V 1.1.0Description: 根据尚硅谷React视频教程总结的笔记第1章 React简介React是什么?用于构建用户界面的Javascript库发送请求获取数据处理数据(过滤、整理格式)操作DOM呈现页面(这个是React的作用)React是一个将数据渲染为HTML视图的开源Javascript库谁开发的?由Facebook开发,且开源为什么要学?原创 2021-03-19 13:04:58 · 245 阅读 · 0 评论 -
Webpack5学习笔记(六): Webpack5 新特性
Webpack5学习笔记(六):Webpack配置详解Webpack版本:webpack 5.24.4 webpack-cli 4.5.0说明:来自尚硅谷webpack视频教程(非原创)第7章: Webpack5 新特性7.1 关于webpack4的一点补充下载不同的webpack版本。比如下载webpack4可以使用:npm i webpack@4 webpack-cli -D使用当前本地的webpack构建代码,需要命令:npx webpack检查webpack版本:npx webp原创 2021-03-19 11:32:07 · 651 阅读 · 0 评论 -
Webpack5学习笔记(四):Webpack优化配置
第4章:Webpack生产环境配置4.1 简介开发环境有点:便于调试缺点CSS文件是整合到Js文件中的,而加载时先加载JS再通过加载style标签的形式加载CSS,文件较大时就会出现闪屏。有些内容有兼容性的问题生产环境解决上述问题但是打包过程比较长,因此有些设置只在生产环境设置4.2 提取CSS成单独文件下载插件: npm i mini-css-extract-plugin -D修改配置文件 const {resolve} = require('pat原创 2021-03-19 11:24:07 · 334 阅读 · 0 评论 -
Webpack5学习笔记(三):Webpack生产环境配置
Webpack5学习笔记(三):Webpack生产环境配置Author: 哇哇小仔Date: 2021-03-19Webpack版本:webpack 5.24.4 webpack-cli 4.5.0第4章:Webpack生产环境配置4.1 简介开发环境有点:便于调试缺点CSS文件是整合到Js文件中的,而加载时先加载JS再通过加载style标签的形式加载CSS,文件较大时就会出现闪屏。有些内容有兼容性的问题生产环境解决上述问题但是打包过程比较长,因此有些设置只在生原创 2021-03-19 11:06:48 · 269 阅读 · 1 评论 -
Webpack5学习笔记(二):Webpack开发环境基本配置
Webpack5学习笔记(二):webpack开发环境基本配置Author: 哇哇小仔Date: 2021-03-18Webpack版本:webpack 5.24.4 webpack-cli 4.5.0第3章:webpack开发环境基本配置3.1 创建配置文件创建文件 webpack.config.js配置内容如下 const {resolve} = require('path'); // node内置核心模块,用来处理路径问题 module.exports原创 2021-03-19 11:01:22 · 311 阅读 · 0 评论 -
Webpack5学习笔记(一):初识Webpack
Webpack学习笔记(一):初识Webpackauthor: 哇哇小仔date: 2021-03-18version: V 1.1.5第1章:webpack简介1.1 webpack是什么webpack是一种前端资源构建工具,一个静态模块打包器(module bundler)。在webpack看来,前端多有的资源文件(js/json/css/img/less/…)都会作为模块处理。它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源(bundle)。1.2 webpack五原创 2021-03-19 10:55:24 · 338 阅读 · 0 评论