webpack4.x

6 vue-cli初步

使用npm（需要安装node环境）全局安装webpack，启动命令行，输入如下命令：npminstall-gwebpack耐心等待安装完成之后输入webpack-v，可以看到如图所示image.png从webpack4
洋baby·2024-09-13 06:06

vue-cli初步

使用npm（需要安装node环境）全局安装webpack，启动命令行，输入如下命令：npminstall-gwebpack耐心等待安装完成之后输入webpack-v，可以看到如图所示image.png从webpack4
蜜思1013·2024-02-06 01:10

umi2.x(webpack4.x)打包优化

优化缘由项目越来越大,依赖越来越多,打包后的js越来越大其中最大的js文件通过nginxgzip压缩后还有4MB,影响客户体验.查看文件打包分析cross-envANALYZE=1umibuild优化方法删除代码中冗余的,没有用到的第三方依赖将用得很少的依赖从node_modules中直接复制粘贴到本地项目代码中(实现按需加载),并npmuninstall此依赖使用umi-plugin-react
zhongshizhi91·2024-01-23 04:36

webpack4：基本使用

创建基本的webpack4.x项目：创建后的目录：其中：package.json：{"name":"wp4-1","version":"1.0.0","descrip
duansamve·2024-01-20 07:55

webpack4.X下mini-css-extract-plugin插件

因为extract-text-webpack-plugin官方不再维护，故不支持webpack4.X版本推荐下载mini-css-extract-plugin用法:1.先constMiniCssExtractPlugin
iamEli·2024-01-10 05:51

vue-cli初步

vue-cli使用npm（需要安装node环境）全局安装webpack，启动命令行，输入如下命令：npminstall-gwebpack耐心等待安装完成之后输入webpack-v，可以看到如图所示image从webpack4
皮皮力_996a·2023-12-17 12:37

webpack4.x最新入门配置详解

目录什么是webpackwebpack可以做什么学习webpack的前提webpack安装webpack学习webpack基础配置html插件样式处理将ES6，ES7等高级语法转化为浏览器可识别的ES5语法什么是webpack本质上，webpack是一个现代JavaScript应用程序的静态模块打包器(modulebundler)。当webpack处理应用程序时，它会递归地构建一个依赖关系图(de
神小夜·2023-12-15 10:08

webpack版本与extract-text-webpack-plugin版本不兼容导致的npm run build运行时报错

查了是由于extract-text-webpack-plugin该组件不支持webpack4.x以上版本导致。
我爱琉璃·2023-12-03 12:21

Vue-cli初步安装步骤

vue-cli使用npm（需要安装node环境）全局安装webpack，启动命令行，输入如下命令：npminstall-gwebpack4.等它安装完成后，输入webpack-v，运行的结果是4.29.65.从webpack4
tmac09·2023-11-30 21:45

34.基于webpack搭建开发环境

为了方便平时的开发，我基于webpack4.x整合了react、vue3、ts开发环境，支持less、eslint、babel等，具体详见package.json。
endingCode·2023-11-29 18:12

node升版本问题

1、vue-cli3，webpack4.X在node16下运行，报sass安装相关的错，SyntaxError:Error:NodeSassdoesnotyetsupportyourcurrentenvironment
chujinmaolu·2023-11-29 04:43

webpack4.x 入门

前言：webpack4出了以后，一些插件变化很大，和之前的版本使用方式不一样，新手入坑，本篇将介绍如何从一开始配置webpack4的开发版本，对css，js进行编译打包合并生成md5，CSS中的图片处理，js自动注入html页，删除指定文件，提取公共文件****，热更新等等。安装//全局安装npminstall-gwebpackwebpack-cli创建文件夹初始化//创建文件夹mkdirwebp
王云飞_小四_wyunfei·2023-11-21 15:54

服务器webpack编译速度优化,webpack3.x升级4.x之后打包速度优化

前言上一篇我们讲到，webpack3.x升级4.x后打包大小优化，今天讲一下webpack4.x(webpack4.43.0)的打包速度优化，其实在升级了webpack4之后对于打包速度就已经有了很大的提升
weixin_39996750·2023-11-14 09:35

npx 和 npm 区别

文章目录背景作用执行流程背景解决npm之前的执行包中的命令行需要先下载的问题，如果有多个不同版本的包就需要下载多次比如已经装了全局的webpack1.x版本并且还要继续使用，还需要装个webpack4.
神奇大叔·2023-11-04 20:50

react mysql增删改查_React组件式编程Demo-用户的增删改查

1、项目结构项目是基于webpack4,参考创建基本的webpack4.x项目2、页面效果初始化效果添加功能通过id删除更新功能3、代码package.json{"name":"react-helloworld
weixin_39890814·2023-11-01 14:23

webpack Esline(19)

获取全套webpack4.x教程，请访问瓦力博客ESLint是一个ECMAScript/JavaScript语法规则和代码风格的检查工具，它的目标是保证代码的一致性和避免错误。
瓦力博客·2023-10-26 15:51

webpack 多页面打包配置(23)

获取全套webpack4.x教程，请访问瓦力博客之前的配置是单页面应用，就是只有一个html文件。多页面应用就是多个html文件。
瓦力博客·2023-10-19 21:10

vue.config.js webpack4.x删除控制台打印（console.log）

https://www.cnblogs.com/sixrookie/p/12973959.html使用uglifyjs-webpack-plugin来进行删除控制台打印首先安装：npminstalluglifyjs-webpack-plugin--save-dev在vue.config.js中引入：constUglifyJsPlugin=require('uglifyjs-webpack-plug
leileizhang2020·2023-10-18 15:24

webpack 4.0使用指南

WebPack4.X使用指南一、简介：webpack是一个前端自动化打包工具，根据它的名字也很好理解，web-pack顾名思义就是前端打包工具；它的使用是基于Node和NPM的，所以在安装使用webpack
ITThreeDay·2023-10-15 17:22

vue+webpack打造todo应用

vu…博客地址:juejin.im/post/5c26e9…慕课地址:www.imooc.com/learn/9351.vue+webpack项目工程配置由于本代码是采用webpack3.10.0.与webpack4
weixin_34038652·2023-10-11 19:43

Webpack 4.x 使用mini-css-extract-plugin分离scss失败的坑

如题，当配置到分离css文件的时候，网上大面积的还是extract-text-webpack-plugin这个插件，但是这个插件在webpack4.x已经用不了，各种报错啊，然后就换成了mini-css-extract-plugin
rouzi1230·2023-10-09 22:35

Webpack4.x 中CSS代码的分离

参考mini-css-extract-plugin目的通过webpack打包后的css代码是放js文件中的，这样会使得js文件的体积变大，而分离css代码到单独的css文件中，可以和js并行加载，提高网页加载效率；实现webacpk4.x中分离css，需要使用mini-css-extract-plugin插件；配置1.创建本地项目webpack-demomkdirwebpack-democdweb
小人物的秘密花园·2023-10-09 11:50

vue-cli初步

vue-cli使用npm（需要安装node环境）全局安装webpack，启动命令行，输入如下命令：npminstall-gwebpack4.等它安装完成后，输入webpack-v，运行的结果是4.29.65.从webpack4
Shining_284c·2023-10-08 17:50

源码Webpack4.x原理

Webpack本质Webpack本质上一种基于事件流的编程范例，其实就是一系列的插件运行。Webpack主要使用Compiler和Compilation两个类来控制Webpack的整个生命周期。他们都继承了Tapabel并且通过Tapabel来注册了生命周期中的每一个流程需要触发的事件。TapabelTapabel是一个类似于Node.js的EventEmitter的库，主要是控制钩子函数的发布与
阿凯_8b27·2023-10-08 04:32

Webpack4.x踩坑之旅

12.27.28.pngError:Chunk.entrypoints:UseChunks.groupsIterableandfilterbyinstanceofEntrypointinstead上述错误应该使用了webpack4
胡卜萝须·2023-09-22 20:54

webpack 环境变量(18)

获取全套webpack4.x教程，请访问瓦力博客小菜之前在webpack配置中区分开发环境和生产环境，但是在源代码中还不能区分当前是开发环境还是生产环境。
瓦力博客·2023-09-18 21:15

webpack 打包样式(3)

获取全套webpack4.x教程，请访问瓦力博客webpack只能理解JavaScript和JSON文件。
瓦力博客·2023-09-12 05:00

webpack.optimize.UglifyJsPlugin has been removed

webpack4.x下，压缩代码不在webpack.config.js中写plugins:[newwebpack.optimize.UglifyJsPlugin()],而是在package.json中的
shmaur·2023-09-11 22:53

React - 基础概念&&辅助工具

模拟DOM元素和嵌套关系目的:实现页面元素的高效更新辅助工具webpack设置mode，在webpack.config.jsmodule.exports={mode:'development',//在webpack4
辻子路·2023-09-07 02:22

14 Vue-cli初步

vue-cli使用npm（需要安装node环境）全局安装webpack，启动命令行，输入如下命令：npminstall-gwebpack4.等它安装完成后，输入webpack-v，运行的结果是4.29.65.从webpack4
孙嘉炜·2023-08-28 18:03

webpack4.x打包兼容ie8

项目在IE下报Promise未定义的错误，请使用@babel/polyfill,参考文档https://www.babeljs.cn/docs/babel-polyfill缺少标识符，default是ie8的关键字，不能使用解决方法：插件uglifyjs-webpack-plugin对象不支持此操作，object.defineProperty在ie8中存在，但是只用用于操作dom对象解决方法：引入
MenChem·2023-08-25 15:16

webpack Library的打包(21)

获取全套webpack4.x教程，请访问瓦力博客我们之前开发的都是业务代码，如果我们需要开发一些库代码给小伙伴们用或者给自己的团队用。那么如何使用webpack打包呢？
瓦力博客·2023-08-20 20:32

Webpack 插件 raw-loader，可将代码文件导出为字符串模板

本篇测试的文件类型有.vue、.txt、.js文件注意必须是Webpack4.x或5.xGithub地址安装npmiraw-loader-D可使用import和require两种方式使用import方式主题文件路径前添加
AvatarGiser·2023-08-18 18:38

Webpack3.X升级到4.X多页面实战和构建优化

Webpack4.x出来也有一段时间了，网上已经有很多关于Webpack4.x原理和新特性的介绍，比如零配置等，这边就不重复了。
weixin_34161029·2023-08-15 02:10

webpack 解析resolve(20)

获取全套webpack4.x教程，请访问瓦力博客resolve能设置模块如何被解析。webpack提供合理的默认值，但是还是可能会修改一些解析的细节。
瓦力博客·2023-08-09 14:57

webpack shimming(17)

获取全套webpack4.x教程，请访问瓦力博客shimming简单翻译是垫片。
瓦力博客·2023-08-04 09:19

webpack dll(22)

获取全套webpack4.x教程，请访问瓦力博客DLL(DynamicLinkLibrary)文件为动态链接库文件,在Windows中，许多应用程序并不是一个完整的可执行文件，它们被分割成一些相对独立的动态链接库
瓦力博客·2023-08-03 05:02

带你入门Webpack及它能干什么？

本文讲解是Webpack4.x，注意版本。为什么要使用Webpack在之前我们都是用传统的方式去开发一个系统，html、css、js，就这些。开发完之后直接给后台人员去部署，当然这没什么问题。
牛大嘴·2023-07-29 14:07

webpack js代码分割(11)

获取全套webpack4.x教程，请访问瓦力博客代码分割是一个概念，和webpack无关，在没有webpack的时候，代码分割这个概念也存在。
瓦力博客·2023-06-24 07:43

ES6 + stylus + zepto.js + webpack4.x 使用示例

ES6+stylus+zepto.js+webpack4.x项目示例在线预览(chrome浏览器下F12切换到手机模式)源码地址image.png项目步骤1.yarnaddswiperzepto2.起先是想用js引入的方式直接写还是练习一下webpack的使用以及ES6import模块化加载的方式yarnaddwebpackwebpack-cli3.安装webpack的基本loaderyarnad
漫漫江雪·2023-06-23 08:07

Sixth vue-cli初步

39.png2.安装vue-cli使用npm（需要安装node环境）全局安装webpack，启动命令行，输入如下命令：npminstall-gwebpack安装完成后输入webpack-v1.png从webpack4
老婆日向雏田·2023-06-17 13:51

webpack4.x—5.x

一、资源官网腾讯云中文文档1中文文档2中文文档3npm教程1教程2教程3最新且最少教程4结合vue使用二、安装npminit//全局安装npmiwebpackwebpack-cli-g//项目安装npmiwebpackwebpack-cli-D三、教程打包命令在package.json配置webpack：有输出webpack-dev-server：只会在内存中编译打包，不会有任何输出（不会输出di
致自己_cb38·2023-06-12 23:22

webpack4.x 系列-entry（入口）

之前写过webpack4系列文章，本次对webpack4进行更再次研究学习webpack官网webpck中文网中文网更新慢，建议两个官网配合参考，已官网为主，中文辅助我们先了解一下webpck的几个核心概念Entry（入口）Output（出口）Loaders（加载器）Plugins（插件）Mode（模式）BrowserCompatibility（浏览器兼容性）截止到目前，webpck4，最高版本是
Vicky丶Amor·2023-04-20 17:52

webpack4学习笔记2

webpack编译es6es7npminstall-Dbabel-loader@babel/core@babel/preset-env//webpack4.x|babel-loader8.x|babel7
fuheideMayuyu·2023-04-15 21:58

Webpack4.x+Vue2.x+Vue-Loader升级开发环境

最近根据项目的要求需要将Webpack从2升级到Webpack4.x,升级过程遇到很多坑package.json文件依赖更新如下："@babel/core":"^7.7.2","@babel/plugin-proposal-object-rest-spread
Sanford_Bella·2023-04-13 05:49

2019-05-29[转]webpack4以后新版本开发环境配置

为此，笔者进行了最新版配置的探索，使用的是windows操作系统，如果你的是webpack4.x版本，可参考进行配置。注意：本文并
菩灵·2023-04-12 23:11

webpack4.x踩坑记(一)

webpack4.x打包总结：1使用语句：npminstallwebpackwebpack-cli-D安装webpack和webpack-cli。2使用语句：npminit-y进行初始化
愤的小鸟怒·2023-04-04 17:26

webpack3.X升级webpack4.X

1.先升级所有相关插件。以下列出的，除了vue和vue-template-compiler应该不用。其他最好都升到最新版本插件升级前升级后vue2.5.22.5.22webpack3.6.04.29.0babel-loader7.1.17.1.5css-loader0.28.71.0.0copy-webpack-plugin4.0.14.6.0extract-text-webpack-plugin
馥馥爱泡芙·2023-03-30 03:45

Webpack4.X重修之路 --- 基础篇

前言从webpack3一路到webpack4,刚开始一直抱着搭起来能用的态度.直到开始工作,大大小小的项目接触了四五个,慢慢有了一个适合自己使用的脚手架.在开发过程中有遇到很多不顺手的地方:由于项目需要,开发以及部署时的后台ip地址经常在变化,开发时会抽出一个单独的js文件定义所有这些外部的地址,便于管理.但是在打包之后就被webpack打包了,如果要修改地址又要重新打包,过于繁琐.个人喜欢les
Homary·2023-03-22 07:52

webpack 样式文件的代码分割(15)

获取全套webpack4.x教程，请访问瓦力博客在上一小节，我们将开发环境和生产环境区分开来。这一小节，我们来操作如何将样式文件的代码分割。
瓦力博客·2023-03-19 17:45
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他