WebPack打包工具第12页

前端工程化之：webpack1-5(配置文件)

一、配置文件webpack提供的cli支持很多的参数，例如--mode，但更多的时候，我们会使用更加灵活的配置文件来控制webpack的行为。

小李老笨了·2024-01-27 22:51

前端工程化之：webpack1-1(构建工具）

一、浏览器端的模块化1.问题效率问题：精细的模块划分带来了更多的JS文件，更多的JS文件带来了更多的请求，降低了页面访问效率；兼容性问题：浏览器目前仅支持ES6的模块化标准，并且还存在兼容性问题；工具问题：浏览器不支持npm下载的第三方包。这些仅仅是前端工程化的一个缩影。当开发一个具有规模的程序，你将遇到非常多的非业务问题，这些问题包括：执行效率、兼容性、代码的可维护性可扩展性、团队协作、测试等等

小李老笨了·2024-01-27 22:21

webpack底层原理和使用方法

文章目录1.webpack的定义2.webpack的背景3.webpack的核心思想3.webpack的作用4.webpack的优势5.webpack的劣势6.对比其他打包工具7.webpack的浏览器兼容性

贫僧法号依平·2024-01-27 22:50

【Vue】1-3、Webpack 中的 loader

一、概述在实际开发过程中，webpack默认只能打包处理以.js后缀结尾的模块。其他的非.js后缀名结尾的模块webpack默认处理不了，需要调用loader加载器才可以正常打包，否则会报错！

QX_Java_Learner·2024-01-27 22:35

【Vue】1-5、Source Map

二、解决默认SourceMap的问题开发环境下，推荐在webpack.config.js配置文件中添加如下的配置：module.exports={mode:'develo

QX_Java_Learner·2024-01-27 22:35

【Vue】1-2、Webpack 中的插件

一、Webpack插件的作用通过安装和配置第三方的插件，可以拓展webpack的能力，从而让webpack用起来更方便。

QX_Java_Learner·2024-01-27 22:05

【Vue】1-4、打包发布

一、配置webpack的打包发在package.json文件的scripts节点下，新增build命令如下："scripts":{"dev":"webpackserve"，//开发环境中运行dev命令"

QX_Java_Learner·2024-01-27 22:32

webpack5构建基于Vue3+ElementPlus项目搭建(开发和生产)

项目基于webpack5+vue3+ElementPlus环境构建主要配置文件:package.json插件使用和版本配置等信息.eslintrc.js启用eslint检测代码规范babel.config.jses

追逐梦想之路_随笔·2024-01-27 17:31

Qt5 在Ubuntu系统中进行打包发布

**下载两个打包工具linuxdeployqtpatchelf**下载地址：linuxdeployqtpatchelf配置linuxdeployqt#重命名为linuxdeployqtsudomvlinuxdeployqt-continuous-x86

taciturn丶·2024-01-27 16:41

从 0 开始搭建 React 框架

webpack配置不再赘述，可参考前三个文章（wenpack5基本使用1-3）使用react安装react、react-dom、@babel/preset-reactyarnaddreactreact-dom

丶清风不问烟雨·2024-01-27 15:13

webpack区分打包类库代码及代码优化

1.配置文件webpack.configconstpath=require('path')constVueLoaderPlugin=require('vue-loader/lib/plugin');constHTMLPlugin

季末丶晦夏·2024-01-27 10:33

使用vue-cli-plugin-electron-builder打包electron遇到的坑

./",chainWebpackMain

@zjm·2024-01-27 09:34

webpack优化

treeshakingtreeshaking去掉我们没有使用的代码满足条件自动开启使用ES6模块化语法开启webpack生产环境配置可以在配置文件中使用sideEffects,*号代表全选"sideEffects

3fdd41da0a59·2024-01-27 09:39

Django APP打包发布到PyPI重用

打包工具：se

win_zcj·2024-01-27 08:15

Vue使用svg图片-svg-sprite-loader插件

在vue2配合webpack；svg图片不存在id冲突，在使用时无需显示引入

禾苗种树·2024-01-27 06:28

对于gzip的了解

静态资源VueVueCLl修改vue.config.js，配置configureWebpack等属性，利用webpack的扩展功能实现gzip文件的生成（产生.gz相应的压缩文件）Reactnpmruneject

小安吖~·2024-01-27 05:51

vue init webpack时timeout

Failedtodownloadrepovue:connectETIMEDOUT192.30.253.112:443Failedtodownloadrepovue:connectETIMEDOUT192.30.253.112:443连接超时你如果没有用后面的ip地址的话，需要在C:\Windows\System32\drivers\etc的hosts文件中添加两行ip配置解决步骤：1.打开终端（c

ClearLoveQ·2024-01-27 04:15

【创建vue项目的两种方式】

Vue环境搭建NodeJs安装包安装淘宝镜像环境搭建webpack安装全局安装@vue/cli查看模板创建项目1.webpack2.vue-cliNodeJs安装包下载链接：官网链接下载下来后，直接傻瓜式的安装即可

员宇宙·2024-01-27 04:45

vue打包文件太大，利用SplitChunksPlugin插件进行公共模块抽取

vuecli3.0脚手架默认的webpack版本是4.0所以要用SplitChunksPlugin插件；webpack4之前的都是利用CommonsChunkPlugin插件来进行公共模块抽取；chainWebpack

三七_z·2024-01-27 01:46

vue项目刷新页面显示Cannot GET

网上很多方法说在webpack.config.js文件中添加devServer:{historyApiFallback:true}但有的项目没有webpack.config.js，此时可以在vue.config.js

大大。·2024-01-27 01:46

vue项目打包部署到服务器并使用cdn加速

配置vue.config.js文件constisProd=process.env.NODE_ENV==='production'module.exports={//其他配置chainWebpack:config

白小白灬·2024-01-27 01:00

React antd 安装配置按需加载

它本身集成了Webpack，并配置了一系列内置的loader和默认的npm的脚本，是用React创建新的单页面应用的最佳方式。

zoe_wang·2024-01-26 23:53

再学webpack

1优化webpack打包体积的思路优化webpack打包体积的思路包括：提取第三方库或通过引用外部文件的方式引入第三方库：将第三方库单独打包，并通过CDN引入，减少打包体积。

亮学长·2024-01-26 23:38

VueCli 3.0 配置 vue.config 优化完整版

目录一、基础配置二、服务和跨域代理设置三、CSS相关设置四、chainWebpack配置五、chainWebpack配置六、完整版vue.config.js一、基础配置module.exports={runtimeCompiler

何小半夏·2024-01-26 23:48

mac下使用Charles将线上项目的js代理到本地

Charles安装包安装成功后注册破解:RegisteredName:*zhile.io*LicenseKey:48891cf209c6d32bf42.项目设置代理本地资源，需要本地资源可在局域网内访问修改项目中webpack-dev-server

AbelLJ·2024-01-26 22:29

Unity导入视频录制插件Cross Platform Replay Kit后打包安卓报错

打包工具使用Unity自带的Android那套kit，没导入插件前，打包什么也没问题。

jack_dos·2024-01-26 21:54

webpack3.X版成长之路：01（认识webpack作用）

如果您已经在前端行业中，WebPack在业界的流行程度自然必备多说，成为了前端小白升级为前端工程师的必备技能。

神秘者007·2024-01-26 21:14

搭建Koa+Typescript项目

1.创建Node项目npminit--y2.生成配置tsconfig.json:为了在node中使用ts,首先安装ts,但是安装的ts代码不能直接执行,需要转换成js代码后才能执行,使用webpack可用

yuria_wahaha·2024-01-26 19:09

在vue项目中使用less

3c9795394f14·2024-01-26 19:36

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

《WebKit 技术内幕》学习之十五（4）：Web前端的未来

图15-4描述了Cordova的主要工作思想，对于一个Web应用，结合Cordova提供的本地代码和框架，使用Cordova的打包工具将它们一起打包成一个个同系统相关的本地可执

jyl_sh·2024-01-26 14:00

转载之详解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

推荐频道

WebPack打包工具