webpack学习记录第28页

webpack/vue-cli构建速度和打包体积优化

编译分析插件webpack-bundle-analyzerwebpack-bundle-analyzer可以生成代码分析报告，可以直观地分析打包出的文件有哪些，及它们的大小、占比情况、各文件Gzipped

岳哥i·2024-01-19 11:20

vue打包-合并chunk

vue.config.jsconstwebpack=require("webpack");module.exports={configureWebpack:{plugins:[newwebpack.optimize.MinChunkSizePlugin

ygkyufcl·2024-01-19 10:26

vue 如何合并两个项目_Vue 项目中使用 webpack 将多个组件合并打包并实现按需加载...

使用Vue开发项目时，如果要使用其单文件组件特性，必然要使用webpack或者Browserify进行打包，对于大型应用，为了提升加载速度，可以使用webpack的codesplitting功能进行分割打包

weixin_39773239·2024-01-19 10:20

vue 不生效打包样式_解决在vue项目中webpack打包后字体不生效的问题

最近在项目开发过程中遇到如下问题：开发环境中设置的字体样式使用webpack打包后到生产环境不生效。

丞高·2024-01-19 10:50

前端构建工具对比 webpack、vite、esbuild等

人类和动物最大的区别是会使用工具，工具的作用就是提升我们的生产效率，同样，随着前端工程化的演进，伴随着一些优秀的工程化的生产效率工具，今天就来聊一聊，前端工程中的构建工具。前端构建工具按照功能可以分为如下两大类：转译-将高级语法转换为低级的语法结构，把浏览器不能识别的文件，转换成浏览器能识别的文件；打包-将项目中的更重资源文件（如html，css，json等文件）打包压缩优化成想要的结果。打包工具

爱问的艾文·2024-01-19 09:27

Qt+HttpServer的学习记录

学习arm过程中，需要使用httpserver，在这过程中找到了QtWebApp这个轻量级的C++服务器，记录学习的过程。参考教程：https://hpzwl.blog.csdn.net/article/details/130631547（写的详细，推荐）代码下载地址官方下载：http://www.stefanfrings.de/qtwebapp/QtWebApp.zip解压后的文件：学习过程官方

六点的晨曦·2024-01-19 08:22

【React】脚手架创建项目

文章目录创建React项目目录结构分析了解PWA脚手架中的webpack创建React项目◼创建React项目的命令如下：注意：项目名称不能包含大写字母另外还有更多创建项目的方式，可以参考GitHub

顽皮宝·2024-01-19 07:29

webpack学习笔记

文章目录webpack原理及概念基础使用核心概念核心配置项webpack.config.jswebpack打包html资源压缩JS和HTML代码webpack打包CSS资源提取CSS为单独文件处理CSS

bfbshs_ddd·2024-01-19 07:04

vue初体验(一)

npminstall-gvue-cli全局安装vueinitwebpackproject-name创建一个vue项目cdproje

winterzy·2024-01-19 06:27

移动框架适配使用插件 postcss-pxtrem，postcss-px-to-viewport ，修改webpack

适配方案：一、动态设置根元素font-size、DOM元素rem实现方式：1、开发时使用rem2、开发时使用px、修改配置文件使用postcss-pxtorem将PX转rem，实现适配步骤：安装：npminstallpostcss-pxtorem--save-dev修改：webnpack.config.jsrequire('postcss-pxtorem')({rootValue:10,//结果为

东湖高新第一会所掌门人·2024-01-19 05:05

2020-02-11记录生活42

昨天从早上纠结过后，后来想通了，放开了，晚上在写学习记录公众号的时候，流畅而自如，感觉到自己接近那个真实自然的状态，很舒适，也很开心。

婧进阅读·2024-01-19 04:03

webpack多进程打包

webpack多进程打包Theadwebpack对于js文件处理主要就是eslint、babel、Terser这三个工具webpack.jsconstos=require('os')//nodejs核心模块可以直接使用

小菜鸟学代码···2024-01-19 04:54

webpack多进程打包技术

thread-loader’可以给多个loader加多线程打包多线程打包loader{test:/\.js$/,exclude:/node_modules/,use:[//开启多进程打包//进程启动大概600ms，进程通信也要花时间。//只有工作消耗时间比较长，才需要多进程打包。//'thread-loader',//进程默认cpu核数-1{loader:'thread-loader',optio

mhbsoft·2024-01-19 04:53

【webpack5修行之道】第15篇：性能优化-多进程打包

上一篇：【webpack5修行之道】第14篇：性能优化-PWA多进程打包是一把双刃剑，如果使用得当，他会大大提高编译速度，如果使用不当，那么编译速度反而会增加因为thread-loader多线程开启过程需要耗费时间大概为

jay_mw·2024-01-19 04:23

webpack多进程打包方案

安装yarnaddhappypack-D作用在使用Webpack对项目进行构建时，会对大量文件进行解析和处理。当文件数量变多之后，Webpack构件速度就会变慢。

lamianT·2024-01-19 04:52

npm run dev 报错：Error: Cannot find module 'webpack-cli/bin/config-yargs'

Vue启动时报错//卸载版本npmuninstallwebpack-gnpmuninstall-gwebpack-dev-server//安装指定版本npminstallwebpack@3.8.0--save-devnpminstallwebpack-dev-server

趣一·2024-01-19 04:20

Navigating to current location ("XXXXXX") is not allowed

,message:"Navigatingtocurrentlocation("/index")isnotallowed",stack:"Error↵atnewNavigationDuplicated(webpack-int

皇甫贝·2024-01-19 03:01

Error: error:0308010C:digital envelope routines::unsupported

看了半天也不知所以然，后面问了一下gpt才发现是我的node版本太高了，导致Webpack在构建过程中出现问题。解决将我的node版本降级就可以了(我降级到了16就完成了)

JohnsonXin·2024-01-19 03:05

Vue中引入JQuery和Bootstrap方法

一、Vue中引入JQuery1、因为已经安装了vue-cli脚手架，所以需要在webpack中全局引入jquery打开package.json文件，在里面加入这行代码，jquery后面的是版本，根据你自己需求更改

SlashBoyMr_wang·2024-01-19 02:38

webpack4--处理第三方库引入

引入第三方库通常有3种方法1、npm包管理：目前最常用和最推荐的方法2、CDN：标签引入即可3、手动下载，引入这里我们着重说下前两个方法。通常情况下我们什么都不处理的话，打出来的项目包应该是一个verndor.js一个main.css，这2个包包含了所有的js和css,这样导致的一个问题就是，如果我们引入的第三方库很多的情况，打出来的verndor.js包就会很大。那怎么处理呢？假如我们在页面安装

_littleTank_·2024-01-18 23:46

关于babel-plugin-import的问题

问题：在ts环境中，babel-plugin-import如何在webpack里面配置按需加载css的功能呢？官方文档给出两种方法关于如何按需加载。

redoboy·2024-01-18 21:08

【BUG】‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。

【BUG】‘webpack-dev-server’不是内部或外部命令，也不是可运行的程序或批处理文件。

东方神剑2023·2024-01-18 20:14

webpack配置

=require('unplugin-vue-components/resolvers')constComponentsPlugin=require('unplugin-vue-components/webpack

折花_·2024-01-18 20:03

vue2+webpack升级vue3+vite，报错Cannot read properties of null (reading ‘isCE‘)

正文开始前言问题分析解决总结前言系列文章：vue2+webpack升级vue3+vite，修改插件兼容性bug前面的文章主要是介绍，在升级初始阶段遇到的一些显而易见的兼容性问题和bug。

中二少年学编程·2024-01-18 20:03

YOLOv8-第Y9周：重要模块解读

本文为365天深度学习训练营中的学习记录博客原作者：K同学啊|接辅导、项目定制文件路径：...\ultralytics\nn\moudules\***以文件...

夏伊呀·2024-01-18 19:44

YOLOv8-第Y7周：训练自己的数据集

本文为365天深度学习训练营中的学习记录博客原作者：K同学啊|接辅导、项目定制本周任务这周的任务是用YOLOv8训练自己的数据集。

夏伊呀·2024-01-18 19:14

YOLOv8-第Y8周：yolov8.yaml文件解读

本文为365天深度学习训练营中的学习记录博客原作者：K同学啊|接辅导、项目定制本周任务请根据YOLOv8n、YOLOv8s模型的结构输出，手写出YOLOv8l的模型输出。文件位置：.

夏伊呀·2024-01-18 19:14

YOLOv5-第Y6周：模型改进

本文为365天深度学习训练营中的学习记录博客原作者：K同学啊|接辅导、项目定制文章来源：K同学的学习圈子一、本周任务模型改进：修改YOLOv5的网络结构图，根据网络结构图以及Y1~Y5周的内容修改对应代码

夏伊呀·2024-01-18 19:13

Jetson Nano 重装系统后的一些初始化

工具安装nvcc:commandnotfound后续问题持续更新中ing前言我给JetsonNano开发板重新装了NVIDIA官方提供的系统后，系统一片空白，这里记录一下我对Ubuntu的一些配置，作为学习记录

BAs533·2024-01-18 19:40

NPM install -save 和 -save-dev

1、回顾npminstall命令在用webpack的时候，突然对npminstall的-save和-save-dev这两个参数的使用比较混乱。

造轮子的蜗牛·2024-01-18 19:50

VueCli脚手架的使用详解

VueCli脚手架的使用详解介绍VueCLI脚手架，可以把许多项目通用的依赖包(vue、webpack、路由、vuex、less编译器等等)和通用的配置都给安装配置好，使得开发者可以把全部的注意力都集中在业务层面

木蓝茶陌*_*·2024-01-18 19:09

安装脚手架Vue CLI详解！！！

可以帮助我们快速创建一个开发Vue项目的标准化基础架子【集成了webpack配置】安装脚手架好处：开箱即用，零配置；内置babel等工具；标准化安装步骤：建议：先在电脑安装node.js-->查看自己的

Crastal_qwq·2024-01-18 19:07

7月30日学习记录

关于晨读::晨读新二，6-32课，读《哈佛》摘抄单词及句子。完成《哈佛》第11课练习及订正，语法错3道，阅读理解错0道，背《初中文言文助读》第9课，抽查加点词语。复习6~8课。明天晨读安排:晨读新二，31~55课，背新二第1课。完成《哈佛》第12课练习及订正。背《初中文言文助读》第10课，抽查加点词语，复习8~9课。数学自学:完成等腰三角形证明练习。明天数学自学安排:做等腰三角形专项综练习题。物理

香兮·2024-01-18 18:28

改善python程序的91建议记录(学习记录)

使用else子句简化循环（异常处理）案例1执行sql异常时处理defsave(db,obj):try:#saveattr1db.execute('asqlstmt',obj.attr1)#saveattr2db.execute('anothersqlstmt',obj.attr2)exceptDBError:db.rollback()else:db.commit()案例2defprint_prim

平凡的运维之路·2024-01-18 17:07

React配置src根目录@

文章目录1.打开webpack配置文件2.配置webpack1.打开webpack配置文件yarnejectornpmruneject如果报错了记得提前gitcommit一下2.配置webpack找到webpack.config.js

顽皮宝·2024-01-18 15:07

Vue-cli3 + Cesium1.63版本以上开发环境配置

1.Vue3创建项目vuecreatetdmap2.npm引入Cesium包cnpminstallcesium--save3.新增配置文件constCopyWebpackPlugin=require('

心淡然如水·2024-01-18 15:27

VUE2+vuecli2+Element UI+ECharts项目demo

配置全局安装在main.js中导入并使用三、在项目中使用CSS预处理器scss1.安装2.使用在.vue文件中的style标签里加上lang='scss'既可使用scss语法3.在build文件夹下的webpack.base.conf.js

_七七·2024-01-18 15:22

乾坤微前端优化（二）

DllReferencePlugin配置直接上dll配置的代码:constpath=require('path');constwebpack=require('webpack');const{CleanWebpackPlugin

best-toby·2024-01-18 13:51

vue2+webpack升级vue3+vite，在vue3组合式编程中使用vuex

正文开始场景一、从vue2到vue3组合式编程二、vue3中调用vuex总结场景我的项目是从vue2+webpack升级为vue3+vite，这种升级工作，其实最重要的不是如何快速准确地把原有vue2项目全部重构为

中二少年学编程·2024-01-18 11:49

webpack 是什么?

webpack是一个开源的JavaScript模块打包工具。

winfield821·2024-01-18 11:47

vue2项目打包压缩处理

平常项目打包后，js等文件会体积大，这样用户访问会慢webpack优化–compression-webpack-plugin开启gzip1、安装compression-webpack-plugin这里我项目

前端搬砖达人·2024-01-18 11:47

vite和webpack的区别和作用

前言Vite和Webpack都是现代化的前端构建工具，它们可以帮助开发者优化前端项目的构建和性能。虽然它们的目标是相似的，但它们在设计和实现方面有许多不同之处。

SwJieJie·2024-01-18 11:47

逆向使用webpack打包的网站

webpackwebpack是JavaScript应用程序的模块打包器,可以把开发中的所有资源（图片、js文件、css文件等）都看成模块，通过loader（加载器）和plugins（插件）对资源进行处理

joker_zsl·2024-01-18 11:43

vue.config.js 笔记

使用webpack的别名alias配置,常用@项目中使用引入文件有时候路径比较深，需要使用"../../../xx.js"这种类似的路劲引入，可以使用webpack的别名alias配置来解决。

微笑面对start·2024-01-18 09:47

Vue基础

○什么是webpack■项⽬构建⼯具■资源的合并、打包、压缩、混淆等诸多功能○什么是vue■构建⽤户界⾯的渐进式框架，采⽤⾃底向增量开发的设计。

凛落·2024-01-18 09:01

vue脚手架

一、什么是vue脚手架vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。

TashuoLhy·2024-01-18 09:30

深度学习记录--梯度检验

数值逼近为了对梯度进行检验，需要计算近似误差值来接近梯度对于单边误差和双边误差公式，其中双边误差与真实梯度相差更小，故一般采用双边误差公式双边误差公式：梯度检验(gradientchecking)对于成本函数，求出的导数，计算出双边误差，再将两者进行比较比较方法：，判断的大小若，则误差很小，效果很好若，则误差一般，效果一般若，则误差较大，需要考虑是否错误较多梯度检验的注意事项不要在训练中使用梯度检

蹲家宅宅·2024-01-18 09:19

opencv+python学习记录（十七）阈值分割

一幅图像包括目标物体、背景还有噪声，要想从多值的数字图像中直接提取出目标物体，常用的方法就是设定一个阈值T，用T将图像的数据分成两部分：大于T的像素群和小于T的像素群。这是研究灰度变换的最特殊的方法，称为图像的二值化（Binarization）。具体参考https://blog.csdn.net/qq_40962368/article/details/80917250

三味菜551·2024-01-18 09:06

深度学习记录--正则化(regularization)

什么是正则化？正则化(regularization)是一种实用的减少方差(variance)的方法，也即避免过度拟合几种正则化的方法L2正则化又被称为权重衰减(weightdacay)在成本函数中加上正则项：其中由于在w的更新过程中会递减，即权重衰减w递减的过程，实际上是w趋近于0的过程在这个过程中，部分单元的影响逐渐减小(可以近似看作隐藏)，最终成为深层神经网络(类似线性回归)，从最开始的右图逐

蹲家宅宅·2024-01-18 09:49

深度学习记录--归—化输入特征

归化归化输入(normalizinginputs),对特征值进行一定的处理，可以加速神经网络训练速度步骤零均值化通过x值更新让均值稳定在零附近，即为零均值化归化方差适当减小变量方差解释归化可以让原本狭长的数据图像变得规整，梯度下降的迭代次数减少，训练速度变快方法Python实现数据预处理--特征标准化与归一化_不同特征之间的差异过大如何处理-CSDN博客