webpack环境pwa
webpack生产环境优化:缓存
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack生产环境优化:缓存 生产环境的缓存主要分为:babel缓存和文件资源缓存。 一、babel缓存配置 babel缓存 目标:让第二次打包构建速度更快。 ......
webpack生产环境优化:oneOf 配置
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack生产环境优化:oneOf 配置 放在oneOf代码块中的 loader 只会匹配一个,避免每一个文件在打包时每个loader都要过一遍。 注意:不能有 ......
webpack开发环境优化:开发调试环境配置(source-map)
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack开发环境优化:开发调试环境配置(source-map) 一、source-map配置详解 source-map: 种提供源代码到构建后代码映射技术(如 ......
webpack开发环境优化: HMR 热加载功能
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack开发环境优化: HMR 热加载功能 HMR:hot module replacement 热模块替换/模块热替换 作用:一个模块发生变化,只会重新打包 ......
webpack压缩 html 和 js
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack压缩 html 和 js 一、压缩 js /* webpack.config.js webpack的配置文件 */ module.exports = ......
webpack的js兼容性处理
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack的js兼容性处理 js兼容性检查主要用到的 loader 有 babel-loader@8.3.0 @babel/core@7.14.6 @babel ......
webpack压缩 CSS 文件
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack压缩 CSS 文件 压缩 CSS 文件需要使用到 optimize-css-assets-webpack-plugin插件 一、压缩 css 文件的核 ......
webpack的css 兼容性处理
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack的css 兼容性处理 处理 css 兼容性需要使用到 postcss-loader 和postcss-preset-env 两个插件 一、css 兼容 ......
webpack配置js 语法检查 eslint
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack配置js 语法检查 eslint js 语法检查主要用到的 loader 和插件有:eslint-loader eslint eslint-confi ......
webpack开发环境devServer配置
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack开发环境devServer配置 一、使用 devServer 为什么要使用 devServer? 答:因为在开发调试的过程中不用频繁的去执行型打包命令 ......
webpack生产环境基本配置
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack生产环境基本配置 直接上webpack的配置文件webpack.config.js 这里增加了自定义js、imgs、media等目录。 各类型资源的配 ......
webpack打包其他资源
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack打包其他资源 其他资源:可以定位为“不需要做任务处理,只要直接打包输出就可以的资源”,比如icon图标资源、字体资源等 打包其他资源只需要使用到 fi ......
webpack打包 html 资源
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack打包 html 资源 一、打包 html文件的核心配置 // webpack.config.js webpack的配置文件 // 路径: ./webp ......
webpack提取 CSS 成单独文件
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack提取 CSS 成单独文件 提取css 成单独文件需要用到 mini-css-extract-plugin插件 一、提取 css 的核心配置 // we ......
webpack开发环境基本配置
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack开发环境基本配置 直接上webpack的配置文件webpack.config.js 这里增加了自定义js、imgs、media等目录。 各类型资源的配 ......
webpack打包样式资源
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack打包样式资源 一、创建html文件、 css 文件或 less 文件 <!-- 文件路径 ./src/index.html --> <!DOCTYPE ......
webpack打包图片资源
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack打包图片资源 一、打包图片的核心配置 // loader的配置 module: { rules: [ //打包 css 文件的详细loader配置 { ......
webpack 五大核心概念
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack 五大核心概念 一、Entry 入口(Entry)指示Webpack以哪个文件为入口起点开始打包,分析构建内部依赖图。 二、Output 输出(Out ......
webpack学习笔记专题目录
转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack学习笔记专题目录 webpack专题目录 webpack 学习笔记 MacBook 搭建python开发环境 【必须】安装Python 【必须】安装p ......
webpack学习笔记所使用的版本信息
学习笔记所使用的版本信息 学习笔记用到的npm包版本信息 nodejs@v16.14.0 webpack@4.41.6 webpack-cli@3.3.11 style-loader@1.1.3 css-loader@3.4.2 less-loader@5.0.0 less@3.11.1 html- ......
Windows中Java安装及环境变量配置
# Windows中Java安装及环境变量配置 [toc] ## 1、下载jdk安装包 通过以下镜像站下载jdk安装包:https://www.techspot.com/downloads/5553-java-jdk.html 这里我选择的是Java11,选择对应的平台下载即可: ![image]( ......
Anaconda安装与配置(Python环境及库依赖)
## 一,下载安装相关 ### 1,这个软件什么作用? Anaconda:Python大礼包(包含解析器,一系列库,软件包管理器Conda) 主要作用,不用配库,如果需要库a,anaconda会把库a相关的依赖库一并打包下载 次要作用,可以同时安装不同版本的python,和对应依赖库,相互隔离。 # ......
linux环境编程(1): 实现一个单元测试框架-2
之前实现的c语言项目单元测试框架cutest, 功能更新, 已上传至ubuntu ppa仓库, 方便安装使用, 文末附带视频说明. ......
windows环境发布、布署项目
第一种布署方式:安装IIS,在IIS上发布 第二种布署方式:发布后生成的dll文件 cmd dotnet 启动项目名(WebNet) 第三种布署方式:直接启动发布项目后的exe文件,json配置文件中配置下面这句 "Kestrel": { "Endpoints": { "Http": { "Url" ......
JS判断是否是IOS或Android环境
```js // 通过判断浏览器的userAgent const userAgent = navigator.userAgent; const isiOS = !!userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); const isAndroid = ......
使用插件-v_jstools补环境
功能:生成临时环境/注入代码/hook/解混淆 下载:https://github.com/cilame/v_jstools 下载如图: 安装如图:chrome://extensions/ 功能用途一:生成临时环境 1.先点击打开如下两个开关,然后打开配置页面 2.如下插件配置详情,勾选上总开关,D ......
python创建虚拟环境【其它人项目】
# download他人项目-创建虚拟环境 1. 这是别人的项目 ![](https://img2023.cnblogs.com/blog/3005444/202308/3005444-20230819230502809-1321066083.png) 2. 打开pycahrm的终端,创建虚拟环境 ......
以二进制文件安装K8S之环境准备
为了k8s集群能正常运行,需要先完成4项准备工作: 1.关闭防火墙 2.禁用SeLinux 3.关闭Swap 4.安装Docker ## 关闭防火墙 ```shell # 查看防火墙状态 getenforce #关闭防火墙,禁用防火墙开机自启动 systemctl stop firewalld sy ......
spark环境搭建
## 我们在上一篇文章中搭建了相关的Hadoop,现在我们来搭建spark环境 Hadoop搭建 [https://www.cnblogs.com/xiaozhounandu/p/14166282.html] ### 前言(注意,spark和Scala环境及配置文件必须每个节点都必须要有!!!) S ......
利用text-generation-webui快速搭建chatGLM2-6b/LLAMA2-7B-chat大模型运行环境
text-generation-webui 是一个基于Gradio的LLM Web UI开源项目,可以利用其快速搭建各种文本生成的大模型环境。 一、安装 text-generation-webui的readme其实已写得相当详细了,这里就不再重复,只说1个可能存在的坑: 安装 peft 安装卡住 r ......