webpack4

webpack3迁移到webpack4

一、升级npmrundev步骤1、安装webpackwebpack-clinpmi-Dwebpack@^4.8.3webpack-cli参考https://www.cnblogs.com/zhensg123/p/11412679.htmlhttps://www.jianshu.com/p/feb3156316c1https://segmentfault.com/a/1190000015237322
安普瑞斯·2023-06-13 01:04

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

全网最详细讲解Webpack的基本操作

本篇文章，详细的给大家介绍一下Webpack这个东西我通过下面四个方面给大家阐述Webpack这个前端资源加载/打包工具1.何为Webpack2.使用Webpack的意义3.安装Webpack4.如何安装一个
web使用者·2023-06-12 08:22

webpack5 和 webpack4 的区别有哪些 ？

webpack5和webpack4的区别有哪些？1、TreeShaking作用：如果我们的项目中引入了lodash包，但是我只有了其中的一个方法。其他没有用到的方法是不是冗余的？
Michael18811380328·2023-06-08 01:30

vue2 splitchunk分包优化项目实战&技术分享

项目环境：Vue2+webpack4项目结构：pc和mobile集成在一个项目中，PC端：element-ui+vue(部分页面会用到vant+jkUI)，Mobile:vant+vue+jkUI分析工具
游走在城市的鱼·2023-05-11 15:38

对vue项目js文件打包时进行混淆加密

对vue项目js文件打包时进行混淆加密环境vue3vuecli4webpack4.0.0https://www.cnblogs.com/dragonir/p/14445767.html方案一工具：“uglifyjs-webpack-plugin
淋雪小新·2023-04-21 18:08

vue打包js文件混淆加密保护

环境vue3vuecli4webpack4解决方案方案一工具：“uglifyjs-webpack-plugin”:“^2.2.0”使用：constUglifyJsPlugin=require('uglifyjs-webpack-plugin
emongol·2023-04-21 18:36

webpack4.x 系列-entry（入口）

之前写过webpack4系列文章，本次对webpack4进行更再次研究学习webpack官网webpck中文网中文网更新慢，建议两个官网配合参考，已官网为主，中文辅助我们先了解一下webpck的几个核心概念
Vicky丶Amor·2023-04-20 17:52

webpack4教程（初识篇）

目录一、webpack是什么二、核心概念三、开发准备四、认识webpack配置文件系列教程webpack4教程（入门篇）webpack4教程（番外篇）一、webpack是什么  图中可以看出，webpack
简栋梁·2023-04-20 06:06

webpack4教程（番外篇）

目录一、优化，提升打包速度二、跨域—代理转发三、兼容性处理四、PWA五、持续更新......系列教程webpack4教程（初识篇）webpack4教程（入门篇）一、优化，提升打包速度1、多线程打包//以
简栋梁·2023-04-20 01:56

webpack4项目打包速度优化之路

背景及现状新接手了一个项目，项目已经两年多了，使用了很多依赖，包括内部开发的组件发布的npm包，导致打包速度越来越慢分析目前在本地打包普遍需要240S以上，在gitlab的CI/CD上则需要10分钟左右。需要将CI/CD流水线上的构建速度提高，从而更快的部署，那么我们只有两个优化方向：项目打包本身优化速度运维支持在CI/CD上做文章，做缓存由于没有运维，无法获得运维在docker上的缓存支持，无奈
豁啦子·2023-04-18 02:19

webpack4简单实用配置解析

虽然webpack已经升级到了4，但网上大量webpack配置的博文依旧是2/3，按照2/3的一些方法去配置webpack4会出现很多问题，非常不利于学习（挫败感）。
weixin_34204722·2023-04-18 00:10

我的webpack4踩坑记丫，彻底搞懂splitChunks和各种path（path，publicPath，contentBase）

1、package.json字段注意点main字段指明的是当前package.json对应的模块被其他地方require或者import的时候的入口文件image.png2、progress.cwd和__dirname的区别image.png3、path,publishPath,contentBase区别output字段如果设置了publicPath，在使用webpack-dev-server配合
liujunyan·2023-04-17 17:20

webpack编译优化

升级webpack版本至4.x使用happypack进行多线程编译webpack4.0发布后happypack已经不维护，使用webpack自带的thread-loader可以达到同样效果配置DllPlugin
roger1253·2023-04-16 15:53

webpack4学习总结

把每章节的代码都放到了git仓库：https://github.com/fx35792/webapck-study不同章节的学习内容：请切到不同的分支上进行查看第一章导学学习的是webpack4相关的知识
SunnyFanFan·2023-04-16 08:41

webpack4学习笔记2

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

webpack4

webpack4笔记快速了解几个基本的概念mode模式通过选择development,production或none之中的一个，来设置mode参数，你可以启用webpack内置在相应环境下的优化。
假装没昵称·2023-04-15 11:58

webpack4笔记

安装前先npm初始化本地服务复制html处理css处理less抽离css文件，通过link引入压缩css和js给css加上兼容浏览器的前缀es6转es5es7的语法全局变量引入webpack图片打包当图片小于多少，用base64打包文件分类希望输出的时候，给这些css\img加上前缀，传到服务器也能访问如果只希望处理图片打包多页应用配置source-mapwatch改完代表重新打包实体webpac
陈观齐·2023-04-15 03:14

webpack入门

hello的文件夹,然后在该文件夹下新建hello.js文件打包webpack要打包的文件名-o打包成功后输出的文件名webpackhello.js-ohello_p.js警告的意思是没有设定mode，这是webpack4
温酒居士·2023-04-14 20:34

webpack4一个简单完整开发/生产环境配置

目录1.安装依赖和环境2.构建生产开发坏境3.配置package.json命令1.安装依赖和环境安装noode.js根据自己的安装环境（即你的电脑系统版本）下载对应安装包，官网地址：https://nodejs.org/en/download/安装webpack环境需要全局和项目安装webpack和webpack-dev-server，其他插件这里就不做过多阐述大家可以根据需要自行安装就行了npm
夜神灬丶·2023-04-14 20:26

实战 webpack 4 配置解析四

接上篇：实战webpack4配置解析三WEBPACK.PROD.JS解析现在让我们看看我们的webpack.prod.js配置文件，它包含了我们正在处理项目时用于生产构建的所有设置。
飞翔的熊blabla·2023-04-14 20:25

webpack4 - 1.打包js

webpack是前端工程化中的热门工具，市面上一些热门前端框架（例如React、Vue.js）使用webpack作为搭建脚手架。webpack是一个javascript应用的静态模块打包工具，它可以通过npm（node.jspackagemagager）来安装。1.环境准备及初始化项目npm是node.js中的包管理器，所以要使用npm就需要安装node.js。1.1安装node.js10.x后查
yuanzicheng·2023-04-14 18:13

webpack配置本地TypeScript编译环境和开启本地服务

目录1.创建一个文件夹2.初始化一个package.json文件对我们安装包进行记录3.安装webpack4.配置webpack.config.js文件1.创建一个文件夹2.初始化一个package.json
江淮-Z·2023-04-14 00:02

简述vue2使用webpack脚手架升级至webpack4

第一步、输入命令vueinitwebpackdemo2（demo2表示项目名称），回车后等待项目完成创建；第二步、打开package.json，升级以下依赖（建议升级一项依赖后运行一下项目）webpack系列webpack3.6.0->4.46.0webpack-cli->3.3.12webpack-dev-server2.9.1->3.11.3webpack-marge4.1.0->4.2.2卸
Alert.GoSt·2023-04-13 05:55

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

Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: .plugins[0][1] must b...

vue项目，使用webpack4，用了mint-ui，配置粘贴的这个项目打包报了这个错ERRORin./src/modules/home/index.jsModulebuildfailed(from.
景阳冈大虫在此·2023-04-12 15:28

webpack4教程（入门篇）

目录一、entry、output二、loader三、plugin四、mode五、代码分离六、懒加载七、结果分析系列教程webpack4教程（初识篇）webpack4教程（番外篇）一、entry、output1
简栋梁·2023-04-11 21:10

从零开始学webpack4（一）：概念

简介本质上，webpack是一个现代JavaScript应用程序的静态模块打包器(modulebundler)。当webpack处理应用程序时，它会递归地构建一个依赖关系图(dependencygraph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。从webpackv4.0.0开始，可以不用引入一个配置文件。然而，webpack仍然还是高度可配置的。在开始前你
做个大树吧·2023-04-11 21:15

WebPack学习汇总

其核心定义是一个模块打包工具；能够识别所有模块引入方式，例如：es6moduleimport引入；commonJs中module.exports=Header；AMD；CMD；Webpack4的构建速度更快
IT飞牛·2023-04-10 15:54

webpack-基础配置

前言仅适用于webpack4.+！仅适用于webpack4.+！仅适用于webpack4.+！webpack的文档其实已经很详细了，也在网上找了一些教程，总结下来还是官方文档更加靠谱。
李不远·2023-04-10 11:54

从零配置webpack4，全网最简单webpack教程

图床项目[TOC]有兴趣的同学可以去给我的图床项目点个start⭐⭐⭐⭐⭐本项目旨在整个互联网的免费的图床，整合上传,也借此项目使用webpack4从零搭建一个项目，看此文的朋友我希望你拥有基础的webpack
本大少_·2023-04-10 04:27

Webpack4从配置到优化

核心：entry(打包入口)output(打包后的文件处理)loader(对各类资源的处理)plugin(利用插件对webpack进行扩展和加强)mode(针对开发环境和生产环境的区分处理)其余常用：devServer(热更新)resolve(模块解析)optimization(优化)devtool(源码调试)优化手段：stats分析速度分析体积分析tree-shakingscope-hoisti
CRUD_科科·2023-04-09 21:03

Webpack4 快速入门

Webpack4webpack4有很多新的特性。
等你一句晚安·2023-04-09 15:12

webpack4打包less,并分离css

需求：项目是一套普通的静态页面，不过因为要出七八套不同颜色的版本，不想手动修改，所以准备用webpack做个简单的打包工具。解决步骤：1、初始化package.json，安装依赖npminitnpminstallcss-loaderlessless-loadermini-css-extract-pluginurl-loaderwebpackwebpack-cli-D2、新建webpack.conf
cCedar·2023-04-09 07:33

vue部署二级目录配置 字体，图片等静态资源找不到路径的解决方法

背景：vue由于nginx代理服务上多了两级目录如aaa/web导致页面静态资源404项目技术栈：vue-cli4webpack4解决方案：1.考虑给路由加一个baseurl，由于hash模式不支持baseurl
用技术改变世界·2023-04-09 01:03

webpack初识

本文主要讨论webpack4的基础配置信息。webpack是什么？
weixin_37989623·2023-04-07 23:32

webpack4配置vue环境

关于这个webpack4配置vue环境主要是通过学习慕课网Vue+Webpack打造todo应用的课程，然后一步一步跟着老师敲代码，并理解每一个步骤。
xu丽_twilight·2023-04-07 09:37

webpack4.0 基础

前端构建工具对比作用：把源代码转换成发布到线上的可执行JSCSSHTML代码；代码转换、文件优化、代码分割、模块合并、自动刷新、自动发布、代码校验对比：Grunt、Gulp：集成度不高，没法开箱即用Fis3：官方团队不再维护；也不支持最新的nodeRollup：生态链、功能都不够完善；不支持CodeSplitingWebpack：采用模块化开发的项目；社区活跃、配置灵活、插件化扩展、官方更新迭代快
alipy_258·2023-04-07 07:31

webpack4从入门到掌握核心内容

webpack4基础篇为什么要学习webpack？
FTD止水·2023-04-07 04:08

从零搭建webpack4+react+typescript+eslint脚手架(四)

配置webpack开发服务器打包用的配置基本完成了，现在我们来配置一下开发环境。首先处理通用配置config.js：module.exports={//...configsdevServer:{port:8080,host:'localhost',contentBase:path.join(__dirname,'../public'),watchContentBase:true,publicPat
天真即是正义·2023-04-06 22:21

JECloud知识系列之前端框架选型

的前端框架选型前端基础框架核心框架：Vue3路由框架：VueRouter4状态管理框架：Pinia2国际化框架：Vuei18n9CSS预处理框架：Less3微应用框架：Micro-zoeUI框架：AntDesignVue3构建工具：Webpack4
weiwell666·2023-04-05 20:15

rem适配

h5进行rem适配webpack4配合postcss-loader的postcss-px2rem-exclude插件进行转pxremwebpack5配合postcss-loader的postcss-plugin-px2rem
肥肥呀呀呀·2023-04-04 18:48

webpack 打包出错相关问题（WARNING in Configuration）

一、问题一：4.0以上版本的webpack的问题webpack4.0以上版本的webpack的脚手架webpack-cli已经被被分离出来了，需要另外安装。
thekings·2023-04-04 17:43

webpack4.x踩坑记(一)

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

webpack - 手把手教你使用 webpack 搭建 react 开发环境（从零开始搭建 webpack+react 开发环境的详细步骤）

webpacknpmiwebpack-Dnpmi-D是npminstall--save-dev的简写，是指安装模块并保存到package.json的devDependencies中，主要在开发环境中的依赖包.如果使用webpack4
街尾杂货店&·2023-04-04 14:14

webpack4

什么是webpackWebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。webpack核心概念Entry：入口，Webpack执行构建的第一步将从Entry开始，可抽象成输入。Module：模块，在Webpack里一切皆模块，一个模块对应
joker731·2023-04-04 13:08

webpack 4.0 完全讲解及源码解读（1）

webpack4.0完全讲解及源码解读就目前前端环境而言，使用cli自动构建工具可以快速的构建项目完成项目搭建，快速完成功能,业务开发，这样水到渠成的模式深得人心，也深得科技公司信赖，因为简单，易用且方便
公羊无衣·2023-04-03 11:25

前端一年精选好文，请打包带走

Dart2正式发布了，除了Web外它还想搞定App开发Webpack4正式发布，实现零配置启动Node.js10带着npm6来了！TypeScript3.0重磅发布，新特性详解！
糖糖糖糖糖糖糖糖糖糖糖糖糖糖糖糖糖糖·2023-04-03 07:43

vue流程

项目开发流程脚手架一、自己搭建（公司搭建属于自己的）webpack二、vue-cliwebpack3三、@vue/cliwebpack4如果你自己的电脑中的是vue-cli,企业用的是@vue/clicnpmuninstallvue-cli-gcnpminstall
赵赵赵_0c27·2023-04-02 21:19
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他