webpack学习总结第18页

vue-cli 配置webpack去除console输出日志

build=>webpack.prod.conf.js在plugins:[]中增加newwebpack.optimize.UglifyJsPlugin({compress:{warnings:false

IceCover·2024-01-26 18:46

项目性能优化之用compression-webpack-plugin插件开启gzip压缩

背景：vue项目打包发布后，部分js、css文件体积较大导致页面卡顿，于是使用webpack插件compression-webpack-plugin开启gzip压缩前端配置vue.config.js先通过

weixin_42254016·2024-01-26 18:55

CSS第九天学习总结—— favicon 图标、SEO优化、logo SEO优化

网站favicon图标favicon.ico一般用于作为缩略的网站标志，它显示在浏览器的地址栏或者标签上。目前主要的浏览器都支持favicon.ico图标。制作favicon图标把图标切成png图片把png图片转换为ico图标，这需要借助于第三方转换网站，例如比特虫：http://www.bitbug.net/使用favicon图标第一步：favicon图标放到网站根目录下第二步：HTML页面引入

李穩钰·2024-01-26 14:54

转载之详解CommonsChunkPlugin的配置和用法

详解CommonsChunkPlugin的配置和用法简介CommonsChunkPlugin可配置的属性：实战应用不分离出第三方库和自定义公共模块webpack.config.js：分离出第三方库、自定义公共模块

奋斗的小栗子·2024-01-26 14:26

redux配置中间件后，redux调试工具DEVTools不能用,这可咋整

配置中间件后，redux调试工具DEVTools不能用,这可咋整我的第一篇技术博客，请各位大佬多多指点，问题如上，我使用的是redux-think中间件，主要用来存放一些ajax请求，配置过程仿照官网，使用webpack

EcbJS·2024-01-26 14:50

vue 使用Export2Excel导出表格，导出多个sheet，合并单元格，修改样式

/node_modules/xlsx-style/dist/cpexcel.js需要在vue.config.js添加设置来解决报错configureWebpack:{externals:[{'.

Shiki2147·2024-01-26 14:24

vue config.js和webpack 配置文件解读以及打包流程

最近把项目的所有配置文件都研究学习了一下，发现学无止境，永远都学不完呀，慢慢学吧。所以就用了git大神的一个项目。大神的目录结构如下，我们主要看build/和package.json![image](//upload-images.jianshu.io/upload_images/5912735-773abbd6856fd1bf.png?imageMogr2/auto-orient/strip|i

稀释1·2024-01-26 13:00

webpack问题解答

1、webpack的核心思想是什么？1）entry（入口）：一个可执行模块或者库的入口。起点或是应用程序的起点入口。请这个起点开始，应用程序启动执行。如果传递一个数组，name数组的每一项都会执行。

LemonTree7·2024-01-26 13:56

请求优化--利用webpack实现根据路由进行懒加载

/Foo.vue')配置Webpack：确保您的Webpack配置中启用了代码分割功能。这通常通过设置optimization.splitChunks选项来实现。

normi-D18·2024-01-26 11:33

webpack中loader和plugin的区别

loader由于webpack只能打包commonJs的规范文件，所以针对图片、css等文件无法打包，loader专注于转化文件，完成压缩/打包/语言翻译等css-loadersass-loader和style-loader

仙女爱吃鱼·2024-01-26 11:02

webpack常用loader和plugin

loader和plugin是什么loader是一种打包的方案，webpack默认只识别js结尾的文件，当遇到其他格式的文件后，webpack并不知道如何去处理。

深沉影子灰·2024-01-26 11:01

常见的前端打包构建工具有哪些

Webpack：Webpack是一个模块打包工具，它能够将各种资源（JavaScript、CSS、图片等）打包成一个或多个静态文件，以优化加载性能。

我有一棵树·2024-01-26 11:01

webpack tree shaking 摇树原理

Webpack通过内置的UglifyJS插件或者Terser插件来实现Tree-shaking。

我有一棵树·2024-01-26 11:01

Webpack中常用loader和plugin

一、loader在使用这些loader前要将其先进行下载安装更多详情见官网：loaders|webpack中文网//在webpack.config.js中进行配置module.exports={module

Hannah_Hannah_·2024-01-26 11:30

webpack常见的loader和plugin

Webpack中的Loader和Plugin是两个核心概念，它们用于处理不同类型的文件和执行一些额外的构建任务。

我有一棵树·2024-01-26 11:00

在VScode中配置@路径提示

默认情况下使用@选择路径是没有提示的，但是这在我们选择路径的时候非常不方便，我们可以配置一下，下面是具体的步骤第一步：可以在目录看一下是否有webpack.config.js文件或者是vue.config.js

yy_demo·2024-01-26 11:19

2019-04-28

前端生成工程代码时选择的前端组件是Angular，所以前端资源会按如下流程生成：a,生成工程代码或者实体代码的任务完成后，会自动触发执行yarninstall；b,yarninstall执行完成后，会自动触发执行webpack

一_贫·2024-01-26 11:04

vue安装使用

registry.npm.taobao.orgVue.js构建大型应用推荐使用cnpm安装#最新稳定cnpminstallvue命令工具#全局安装vue-clicnpminstall--globalvue-cli#创建一个基于webpack

zwm_yy·2024-01-26 10:41

第七章（原理篇）微前端技术之依赖管理与版本控制

分布式依赖管理3.依赖预加载4.使用微前端框架QiankunSingle-SPA示例和最佳实践版本控制与冲突解决1.版本号约定2.锁定文件3.依赖解析策略4.冲突检测工具案例分析：React版本冲突代码示例：使用Webpack

球球不吃虾·2024-01-26 09:18

第五章（原理篇）微前端技术之模块联邦与动态加载

文章目录Webpack的模块联邦与动态加载模块联邦（ModuleFederation）第一步：设置Webpack配置在应用1（App1）中在应用2（App2）中第二步：编写和暴露模块第三步：在应用2中使用暴露的模块第四步

球球不吃虾·2024-01-26 09:41

[零基础学习Vue2+webpack项目]的基础依赖项的安装详解（1）

1.首先新建一个空的项目文件夹：【yydpt_vue2_base】如下图：图12.然后用【vscode】打开此项目文件如下图：图23.因为此项目准备用【vue2+webpack】来进行前端开发，因此可以先安装

月影WEB·2024-01-26 09:19

将Vue项目打包时生成的chunk文件名中波浪线~替换为-

解决方案：webpack官网参考文档：https://webpack.js.org/plugins/split-chunks-plugin/#splitchunksautomaticnamedelimiteroptimization

wen_文文·2024-01-26 08:59

node.js 史上最详细 (博主持续更新)

应用：淘宝双十一、去哪儿网PC端核心业务；前端工具VScode、webpack等具有No

涵信·2024-01-26 08:24

ARP地址解析协议学习总结

一、1.ARP（地址解析协议）用于确定本地可达的IPv4子网使用的IPv4地址对应的硬件地址。它在数据报的目的地与发送方处于同一子网时使用，还用于数据报的目的地不在当前子网时将其转发到一台路由器。ARP缓存是其运行的基础。提供网络层（IP）地址到相关硬件地址的动态映射。ARP操作会自动执行和随时间变化，与用户或系统管理员无关。提供了一种在IPv4地址（32位）和各种网络技术使用的硬件地址（以太网的

云在青山水在瓶·2024-01-26 07:07

vue-报错：Module parse failed: Unexpected character '#'

vue中用到了id并给id设置css，运行项目时报错：Moduleparsefailed:Unexpectedcharacter'#'1.png解决：webpack.config.js文件判断.styl

李大鱼_·2024-01-26 05:28

【跨域·配置代理】

、端口号不同请求，称之为跨域如果不能更改服务器，用代理如果能改，浏览器支持CORS用CORS，不支持用JSOPNJSOPN发送不了post请求传统方法：JAOPN,CROS，代理代理：配置vite或者webpackwebpack

久靥_·2024-01-26 04:46

stack Error: EACCES: permission denied

报错stackError:EACCES:permissiondenied解决npminstallwebpack--save-dev--unsafe-perm参考npm报错stackError:EACCES

彭世瑜·2024-01-26 03:56

以游戏之名享学习之乐——2020兴成长小学数学游戏化学习班学习总结

课堂游戏入人心，实施策略有学问。数学大家庄惠芬，携手名师来坐镇。理论设计加实践，各个环节细推论。二班学员何其幸，八周迎来面貌新！2020年7月，第三届兴成长计划如期而至，来自祖国各地的教师慕名而动，纷沓至来，一时间cctalk校园版和平台版的5个教室人满为患，甚至还有很多报不上名的老师捶胸顿足、深感遗憾。作为一名互加计划的忠实追随者，第二届兴成长计划学员，我也因为没有机会成为第三届学员又舍不得它的

荷锄葬花·2024-01-26 01:28

vue下载模板时报 vue-cli · Failed to download repo vuejs-templates/webpack: read ECONNRESET

今天在创建新的vue项目时报了这个错误，网上查了很多次，发现都没有什么有效的解决方法。于是经过多次运行，突然发现居然成功了据我猜测，可能是网络问题所以，如果你也出现这个问题，我给出的解决方法就是多试几次，或者换网络再试

wang_9909·2024-01-26 01:12

使用vue-cli创建new project报错： Failed to download repo vuejs-templates/webpack: read ECONNRESET

前言今天学习vue-cli，使用命令vueinitwebpackprojectname常见新的项目时，出现下面的报错信息：通过google找到github上相同错误提交信息，Failedtodownloadrepovuejs-templates

UchihaTotoro·2024-01-26 01:10

webpack学习笔记——简介及安装

一、前言什么是webpack呢？如下，一图胜千言，就是将左边的各种资源进行整合，压缩甚至是混淆等种种操作后，最后打包成右边的图示几个通用的纯粹的jscssjpgpng等。

仰简·2024-01-26 00:26

Vue2使用脚手架创建项目

先解释一下关于脚手架的概念可以理解为像我们盖房子，需要打牢地基，也就是做一些前提准备工作，例如webpack的配置文件、node一些包的下载等等，形成项目的基本构架，这样就大大提高了项目的开发效率。

codefan※·2024-01-25 23:33

Day 1322：架构师训练营学习总结（w13）

本周主要讲了Spark流计算、数据分析和机器学习。Spark的主要特点是DAG切分多阶段计算、内存存储中间结果、RDD的编程模型。RDD是Spark的核心概念。Spark直接针对数据进行编程，将大规模数据集合抽象成RDD对象，然后在这个对象上进行计算处理，得出一个新的RDD，继续再进行计算处理，直到得到最后的结果。Spark的分布式计算也都是以RDD为单位展开分片、任务调度。网页排名算法PageR

kafkaliu·2024-01-25 22:18

10.配置多个 HTML 文件

之前我们是这么做的，用了html-webpack-plugin这个插件来输出html文件。webpack.config.js...newHtmlWebpackPlugin({template:'.

coffee1949·2024-01-25 21:04

面试涉及的知识点

es6async，作用域，模块化，promise，类，结构析构html5css3React几种数据传递的方法，生命周期，React原理Redux基础架构，解决的问题nodejs，koa基本的问题服务器端渲染webpack

向布谷鸟说早安·2024-01-25 21:18

vue.config.js的配置

vue.config.js的配置constpath=require('path')constCompressionPlugin=require("compression-webpack-plugin")

yrfjygb·2024-01-25 21:11

运行VUE项目报错‘error:03000086:digital envelope routines::initialization error‘解决方案

INFOStartingdevelopmentserver...10%building2/5modules3activeD:\Projects-JAVA\psi-master\ant-design-vue-jeecg\node_modules\webpack

STC灬漠然·2024-01-25 20:17

24届中国人寿科技金融岗（JAVA开发）笔试+面试经验

收到华为的终端硬件岗位了，说的14级，有同志们了解薪资吗，给我说说呗，决定下要不要毁约华为保温，来人让我清醒一下终于首个offer了，浪潮的中国航发动力股份有限公司工艺工程师岗薪资大二一年的学习总结，想知道什么水平大众安徽面试中国邮政集团有限公司湖南省分公司

愤怒的小青春·2024-01-25 19:22

2020-05-02 Photoshop三个月学习总结

我毕业后做过7年电气工程师和4年程序员，最近3个月的PS学习，让我的技能树上，又多点亮了一颗小星星。学习美工课，也是培养自己的审美能力，让生活更加赏心悦目。在完成美好作品中收获成就感，终生受用。我曾在2005年大二时选修课选过PS，当时学的很差，能有印象的只剩钢笔抠图了。2020年元旦假期报了创新教育的淘宝美工班，这次学习收获很大。感谢老师和学校，对学习节奏和方式，我很满意。[if!support

硅谷少年·2024-01-25 19:32

第二届智家V渠道设计师场景培训

四川-眉山-王文韬12月11日一，学习总结今天上午，首先是袁广超老师为我们全方面的培训了全屋净水，包括了现场勘查和注意事项，满满干货。在讲课过程中结合实际案例，针对与客户沟通方面的技巧也有全面说明。

84af51582e63·2024-01-25 18:30

Vue性能优化

目录Vue性能优化的必要性：Vue项目优化工具webpack-bundle-analyzerwebpack-bundle-analyzer作用：webpack-bundle-analyzer用法：webpack-bundle-analyzer

Wh1T3ZzT·2024-01-25 18:19

NPM命令大全（持续更新）

1、下载包npminstall[包名]，简写：npmi[包名]全局下载webpack1.1--save与--save-dev的区别他们表面上的区别是--save会把依赖包名称添加到packag

Jin的技术博·2024-01-25 18:23

webpack高级概念之TreeShaking

webpackhot.jpg在开始今天的讲解前，我们先来看下面这样一个打包import"@babel/polyfill";就是我们之前的代码，页面中只引入了babel/polyill这时候打包完成，在终端会报这样的警告

喜剧之王爱创作·2024-01-25 17:54

心得体会站·2024-01-25 16:01

Vite和Webpack的区别是什么

一.区别构建速度：Vite使用原生ES模块进行开发，不需要像Webpack那样在编译时将所有代码转换为JS进行打包，因此它的构建速度通常比Webpack快。

小吴吴吴呀·2024-01-25 14:04

终于彻底搞明白了，webpack-devServer使用、运行流程、实现原理、常用配置项

可以关注我的公众号：【前端驿站Lite】，一个不止分享前端的地方ᕦ(•̀∀•́)ᕤ阅读收获阅读完本篇文章，你将会有以下收获：webpack-dev-middleware是什么、如何进行工作的。

前端驿站Lite·2024-01-25 13:48

Webpack-dev-server的proxy用法

解决开发环境的跨域问题(不用在去配置nginx和host,爽歪歪~~)在webpack.config.js中配置下面简单介绍一下五个经常使用的场景使用一:mmodule.exports={//...devServer

J.M.C·2024-01-25 13:18

webpack-dev-server原理解析及其中跨域解决方法

webpackproxy,就是webpack提供的解决跨域的方案。其基本行为是接受客户端发送的请求后转发给其他的服务器，目的是为了解决在开发模式下的跨域问题。

背太阳的牧羊人·2024-01-25 13:47

【Webpack】预处理器 - 常用loader介绍

选用合适的loader来处理不同的资源和不同的功能，以下是一些主流的loader，但这并不是全部，因为每时每刻都可能有新的loader发布到npm上babel-loaderbabe-loader用来处理ES6+并将其编译为ESS，它使我们能够在最新的工程中使用最新语言特性，同时不必特别关注这些特性在不同平台的兼容问题在安装时推荐使用以下命令:npminstallbabel-loader@babel

loyd3·2024-01-25 13:10

【Webpack】样式处理 - 分离样式文件

那么可以使用专门的插件extract-text-webpack-plugin、mini-cssextract-plugin，来解决这些问题，它们就是专门用来提取样式到CSS文件的extract-text-web

loyd3·2024-01-25 13:09

推荐频道

webpack学习总结