webP 第19页

webpack-bundle-analyzer 文件可视化分析工具

image.pngnpm仓库地址有关文章：【译】webpack小札:充分利用CommonsChunkPlugin()vue-cli3安装步骤npminstallwebpack-bundle-analyzer

誰在花里胡哨·2024-01-17 18:46

看完这篇还搞不懂webpack，求你打我

一、什么是webpackwebpack是一个打包工具，他的宗旨是一切静态资源皆可打包。有人就会问为什么要webpack？

dingFY·2024-01-17 13:49

introjs 用法新手引导

importIntroJsfrom'intro.js'import'intro.js/introjs.css';Vue.use(IntroJs);vue.config.js加入以下代码module.exports={……configureWebpack

泡泡码客·2024-01-17 12:54

vue-cli 3 使用 webpack 输出 js css 文件 hash 解决缓存问题

该解决方案针对Vue等hash打包静态资源，且nginx部署的项目。这样的项目一般来讲打包后生成的hash已经帮我们解决了js/css的问题。但html资源始终是那个index.html，我们浏览器刷新再刷新始终是304状态码。怎么办！摔！(′д｀)…彡…彡那我们就只需要解决掉index.html这个辣鸡文件的缓存问题就好啦！nginx配置如下：location/{gzip_staticon;ro

泡泡码客·2024-01-17 12:24

本地配置webpack启动

1、新建webpack.config.js文件constHtmlWebpackPlugin=require("html-webpack-plugin");module.exports={mode:"none

李成泽·2024-01-17 10:33

【软件测试】前端性能测试工具原理

不同于后端性能测试知识的琐碎、独立，这篇文章为你介绍前端性能测试工具WebPagetest，以一个具体网站为例，和你分析WebPagetest的用法，以及前端性能相关的主要概念与指标。

码农丁丁·2024-01-17 07:23

Spring框架是如何解决Bean创建过程中的循环依赖问题的

我在手写super-mini-webpackhttps://blog.csdn.net/q1424966670/article/details/135628531?

陈皮太·2024-01-17 07:48

vite和webpack的区别

1构建原理Webpack是一个静态模块打包器，通过对项目中的JavaScript、CSS、图片等文件进行分析，生成对应的静态资源，并且可以通过一些插件和加载器来实现各种功能。

代码真的养发·2024-01-17 07:42

手写webpack核心原理，支持typescript的编译和循环依赖问题的解决

require函数的polyfill算法：用记忆化搜索解决require函数的循环依赖问题QuickStartGitHub：https://github.com/Hans774882968/mini-webpacknpminstallnpmrunbundle

陈皮太·2024-01-17 07:42

不同打包工具下的环境变量配置方式对比

本文主要介绍利用不同的工具：Webpack、Vite、Rollup打包项目的环境变量的配置方式。proces

奇舞周刊·2024-01-17 07:42

深入了解Vue-loader: 优化Vue.js项目开发的利器

Vue-loader是一个用于加载Vue组件的webpack插件。它允许你编写单文件组件（SFC），并将它们转换为JavaScript模块，以便在浏览器中使用。

代码真的养发·2024-01-17 07:41

Webpack 怎么实现按需异步加载模块

要弄懂这个问题，需要先来看关于webpack打包的3个问题。三个问题第一个问题项目中的json文件，如何使用webpack进行处理？

jimcarol·2024-01-17 07:41

JS常用工具：Webpack 和 JShaman分别有什么用？

Webpack和JShaman是两个不同的工具，它们的特点和用途也不同。

w2sfot·2024-01-17 04:21

webpack打包可视化分析工具:webpack-bundle-analyzer

在对webpack项目进行优化的时候,可以使用webpack-bundle-analyzer这个可视化插件来快速分析我们包的结构,能快速定位需要优化的地方,对开发者非常友好下载安装下载依赖包npmiwebpack-bundle-analyzer

青阳流月·2024-01-17 04:20

蚂蚁金服前端电话面试（一面）

朗月Swifty·2024-01-17 04:51

一步步从零开始用 Webpack 搭建一个大型项目（深度长文，万字教学）

开篇很多人都或多或少使用过webpack，但是很少有人能够系统的学习webpack配置，遇到错误的时候就会一脸懵，不知道从哪查起？性能优化时也不知道能做什么，网上的优化教程是不是符合自己的项目？

hzxOnlineOk·2024-01-17 03:37

新版网易滑块

整js的结构，这不就是个webpack???往回看。。。。j在这里导出的不说了，其他的方法也可以这

逆向学习之旅·2024-01-17 02:57

前端面试题-webpack

1.webpack是什么？模块打包工具，用于将前端资源，如JavaScript、css、图片等打包成可以在浏览器运行的静态资源。可以将多个模块打包成一个或多个bundle。

wyy爱学习·2024-01-16 23:31

Eclipse 项目部署成功却访问不到报错404

确认项目名称没有拼写错误选中项目右键build-path-》configurebuildpath然后搜索web，选中webprojectsetting修改context

枫_05fe·2024-01-16 23:26

手写一个vue 项目的webpack的配置 2

手写一个vue项目的webpack的配置2上面我们已经做完一个基本的webpack的vue项目的基础版本，但是在实际的应用中我们会用到我们要对我们的基本版本进行进一步的优化css分离环境配置(生产和开发

hegege·2024-01-16 22:46

vue引入图片url变量

1.引入方式普通引入//普通引入//webpack编译处理后:变量引入//变量引入//webpack编译处理后:exportdefault{data(){return{imgUrl:"..

ydongabc·2024-01-16 20:34

webpack的loader和plugin的区别（一）

不废话，面试题呈上：面试题：你了解webpack原理么？你项目中用webpack做了哪些配置？loader和plugin有什么区别？项目中用到哪些loader？

何逸轩gg·2024-01-16 18:47

前端项目自动化构建工具——Webpack入门教程

参考资料：https://www.webpackjs.com/（中文文档）https://www.webpackjs.com/（官方文档）首先有必要说明一下，本文侧重讲解webpack基本配置属性，不附带实例

有梦想的咸鱼前端·2024-01-16 15:33

vue-electron使用serialport遇到的奇葩问题

报错如下：UncaughtTypeError:Cannotreadproperty'modules'ofundefinedatObject.eval(webpack-internal:///.

An_s·2024-01-16 15:13

使用px2rem不生效

每次菜鸟都希望读者交流指点，但是都是每次评论区都没人，(T~T)文章目录webpack配置正确的配置，兼容现在的vuecli下载的包使用问题1、不兼容scss2、大写、style里面不会被解析3、prettier

PBitW·2024-01-16 14:48

vue3和vite双向加持，uni-app性能再次提升

uni-app对vue3&Vite的升级，是一个渐进式过程：2020年9月：小程序平台支持vue3开发，小程序平台编译器依然使用webpack；2021年5月：H5平台支持vue3开发，H5平台编译器升级为

邵张散人·2024-01-16 12:55

【译】如何搭建一个 Webpack 项目

Webpack是web应用程序的打包器。在过去，你必须在HTML中手动链接JavaScript文件。现在，Webpack负责来解决这个问题。

小黄人get徐先生·2024-01-16 11:33

提高 webpack 构建 Vue 项目的速度

前言最近有人给我的Vue2后台管理系统解决方案提了issue，说执行npmrunbuild构建项目的时候极其慢，然后就引起我的注意了。在项目中，引入了比较多的第三方库，导致项目大，而每次修改，都不会去修改到这些库，构建却都要再打包这些库，浪费了不少时间。所以，把这些不常变动的第三方库都提取出来，下次build的时候不再构建这些库，这样既可大大缩短构建时间。那么要怎么去实现呢？解决方案DllPlug

林鑫_·2024-01-16 11:48

基于vue2.0+vuex+localStorage开发的本地记事本

本文采用vue2.0+vuex+localStorage+sass+webpack，实现一个本地存储的记事本。兼容PC端和移动端。

林鑫_·2024-01-16 11:17

Vue报错 Cannot find module ‘../../modules/es6.symbol‘解决办法

在进行webpack打包的时候，会出现Cannotfindmodule'XXX’的错误，找不到某个模块的错误，今天给出解决方法：直接进行npminstall重新打包；如果npminstall重新打包之后

洛洛31·2024-01-16 10:48

Angular基本架构

元素添加自定义行为服务：用来封装可重用的业务逻辑模块：将应用不同的部分组织成angular可以理解的单元组件，指令，服务是用来完成功能的，模块用于打包和分发功能搭建环境使用Angular-cli搭建（内核也是webpack

2764906e4d3d·2024-01-16 10:14

Nue.js 是什么？

Nue.js是一款基于Webpack的前端框架，提供了一套高效的开发体验Nue.js是一款前端框架，类似于Vue.js，为开发者提供了一套高效、简洁的解决方案来构建Web应用。

爱吃果蔬的猫·2024-01-16 09:35

浅谈webpack打包原理

https://blog.csdn.net/u014168594/article/details/77198729/

小鱼仔_5858·2024-01-16 08:33

vue4.x多环境打包不压缩问题解决

webpack默认的打包是production模式，并且只内置了production，development,2种模式，默认production打包会执行压缩；网上很多多环境打包是直接配置NODE_ENV

小拇指的约定021·2024-01-16 06:55

前端性能优化

www.duidaima.com/Group/Topic/Vue/12079https://blog.csdn.net/qq_36017964/article/details/97934911工具:vuecli中配置webpack-bundle-analyzer

和科比合砍81分·2024-01-16 04:58

antd 结合react 和webpack 样式与官网不同

项目环境调试的时候打算使用antd做ui框架，但是试了一下，好像和官网的样式不太一样企业微信截图_15398540171684.png上面这个是我自己出来的样式然后下面这个是官网的样式image.png怎么看都不一吧，差了好多，去百度了一下，一堆方法，都没用我是直接import'antd/dist/antd.css';import{Rate}from'antd';然后组件直接写,但是样式差太多了百

王善良_·2024-01-16 02:27

vue的荆棘之路

1node.js和vue脚手架安装1下载node.js,傻瓜式安装2安装完成后,在本地Windows的cmd命令普通窗口就可以①安装命令npmivue-cli-g②安装包命令npmiwebpack-g③

CSDNlele666·2024-01-16 01:15

vue 项目部署

Acompletelogofthisruncanbefoundin:是因为package.json中scripts参数为："scripts":{"dev":"webpack-dev-server--

加加加菲猫·2024-01-15 19:52

vue如何动态加载本地图片

使用绝对路径的话，这类资源将会直接被拷贝，而不会经过webpack的处理。如果src是变量的话，我们一般会在data中定一个变量

南玖i·2024-01-15 18:22

NPM进阶知识与用法详解（二）

文章目录一、NPM高级用法1.NPM模块发布与私有模块管理2.NPM钩子函数3.NPM包管理与优化二、NPM与现代化前端工具链1.NPM与Yarn、PNPM的比较2.NPM在Webpack、Vite等构建工具中的应用

球球不吃虾·2024-01-15 15:25

使用npm安装webpack等开发工具警告

报错情况：1.运行npmiwebp[email protected]命令时，出现如下警告显示缺少description描述和repository字段，还有private字段解决：根据模板package.json，添加

iamEli·2024-01-15 15:07

/node_modules/image-webpack-loader/index.js)

目录问题描述：解决方案：第一步卸载image-webpack-loader第二步下载image-webpack-loader方式一方式二第三步再次执行打包问题描述：运行npmrunbuild,报错解决方案

笑看夕阳染红天·2024-01-15 14:09

vue+elementui+web上传图片压缩

点击此处查看原因原因总结:会用到toDataURL('image/jpeg',qualitys)的一个方法在指定图片格式为image/jpeg或image/webp的情况下，可以

小话001·2024-01-15 14:11

DevTools failed to load source map: Could not load content for http://localhost:8080/static/js/zh_cn

目录解决方式一：利用浏览器，禁用，但不能得到真正的解决，比如谷歌方式二：webpack.config.js或者vue.config.js中添加devtool:'inline-source-map',解决方式一

不努力code·2024-01-15 14:02

cwebp 命令大全

本文由月小升博客https://java-er.com翻译自google官方文档https://developers.google.com/speed/webp/docs/cwebp翻译的感觉1.我背了

月小升_582e·2024-01-15 14:03

五种可视化方案分析 webpack 打包性能瓶颈

一、测量构建时间优化webpack构建速度的第一步是知道将精力集中在哪里。

涅槃快乐是金·2024-01-15 14:19

webpack 打包时分离 vue 引用的 css 文件

在webpack打包vue项目时，如果将组件引用的css文件打包进js，无疑会造成js文件太大使页面打开速度降低。通过对webpack配置文件的设置，可以在打包时将css文件分离出js文件。

牛鼻子老邵·2024-01-15 13:32

敲不开react，webpack，npm，node的门怎么办

与其教你怎么学会用Webpack和React，还不如跟你交流一下应该如何应对这些新生的技术和工具、如何建立良好思维习惯，再去接触这些工具，有时候会事半功倍，甚至这个工具出来的时候你就可以看穿它的本质，你可以根据自己的情况学或者不学它

Doxing·2024-01-15 07:16

Eclipse下修改工程名

Eclipse下修改工程名一、右键工程：Refactor->Rename，或选中工程按F2，修改名称二、右键工程：Properties->WebProjectSettings,修改ContextRoot

abckingaa·2024-01-15 07:34

webpack

初始Webpack1.webpack介绍1-1.什么是webpack？webpack是一个前端自动化构建工具。

小安吖~·2024-01-15 06:04

推荐频道

webP