E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
webpack3
vue2项目从
webpack3
升级至webpack5
vue2项目从
webpack3
升级至webpack5
webpack3
的打包速度已成为诟病,所以我们将原来的
webpack3
升级至webpack5首先就是原来的项目结构,主要在于build目录下面,存在基础配置
Lyi_Zri
·
2022-09-23 06:30
javascript
webpack
javascript
vue.js
webpack3
.6.0与css-loader和style-loader版本不兼容报错解决以及其他配置
使用的webpack版本为3.6.0在将css文件进行打包的过程中提示需要使用到loader对文件进行处理官方文档:https://webpack.js.org/loaders/中文文档:https://www.webpackjs.com/loaders/loader使用过程:步骤一:通过npm安装需要使用的loader步骤二:在webpack.config.js中的modules关键字下进行配置
秋卡_ASL
·
2022-07-28 21:05
npm
vue
前端
【前端工程化】vue2+
webpack3
项目迁移vite2踩坑总结
目录前言迁移前后对比迁移流程迁移业务代码到vite项目项目开发阶段报错处理项目打包阶段处理总结一.前言公司有个特别大维护时间长的后台管理系统,使用的是vue2和
webpack3
,虽然配置了很多编译优化,
·
2022-06-26 22:28
一文教会你如何运行vue项目
目录一、运行vue项目1、下载node.js2、安装
webpack3
、安装vue-cli脚手架4、使用vue-cli创建项目5、运行项目二、运行别人的项目1、删除package-lock.json文件2
·
2022-06-08 00:10
「性能优化」首屏时间从12.67s到1.06s,我是如何做到的?
——本文是对之前同名文章的修正,将所有
webpack3
的内容更新为webpack4,以及加入了笔者近期在公司工作中学习到的自动化思想,对文章内容作了进一步提升。
xczd
·
2022-05-02 16:07
前端
编程
css
javascript
性能优化
webpack
喵容
Webpack笔记「webpack配置知识」
2.在项目中安装
webpack3
.在项目中配置webpack4.webpack.config.js文件的作用5.webpack中的默认约定6.自定义打包的入口与出口webpack中的插件1.webpack
阳树阳树
·
2022-04-14 17:07
JS
Vue
Webpack
websocket
Java实战项目之校园跑腿管理系统的实现
运行环境:后端jdk1.8、maven3.5/3.6mysql5.7idea/eclipse前端ideavue-clinode.js搭建vue环境
webpack3
.6.0指定版本管理
·
2022-03-04 19:58
webpack json配置文件使用以及热更新
如果你会webpack1或者webpack2版本中,你是需要加载一个json-loader的loader进来的,但是在
webpack3
.x版本中,你不再需要另外引入了。
饥人谷_米弥轮
·
2022-02-21 05:35
构建工具gulp的入门
1.什么是自动化构建工具比如:less编译,csss压缩,es6的便宜等2.常见的构建工具gulp【】grnmt【】
webpack3
为什么使用构建工具降低工作成本,简化工作流程,提高效率二,gulp入门
1462a2c022bc
·
2022-02-21 04:02
webpack4入门到手动配置开发环境
webpack3
已经是各大前端脚手架的标配时,parcel却横空出世,以零配置,多核编译等特性迅速赢得程序员的青睐,webpack4的出现也正是看到了parcel的优点,来了解下吧。
老鼠AI大米_Java全栈
·
2022-02-17 15:56
React快速搭建静态个人博客
github可以参考博客地址:www.yx319.cn可以在博客或者这里交流一下哦~使用技术栈react(v16):项目主框架redux:状态管理react-routerv4:前端路由es6:项目中用到的语法
webpack3
Will0319
·
2022-02-13 17:45
webpack学习
webpack具体是如何工作的,在项目中该如何去使用,是这篇文章要跟大家分享的,我会将学到的内容及时分享在这里~这篇文章,基于webpack4.x版本,与
webpack3
有一些不同之处,学习webp
夜雨寒l
·
2022-02-12 06:46
Tree-Shaking性能优化实践 - 实践2篇
(image-c050ec-1566907647861-15)]webpack2发布,宣布支持tree-shaking,
webpack3
发布,支持作用域提升,生成的bundle文件更小。
优秀的javaScript
·
2022-02-11 08:29
基于vue-cli2.0,
webpack3
升级为webpack4的踩坑之旅以及优化
前言:由于项目是基于vue-cli2搭建的,使用的是
webpack3
.x版本。随着时间的迁移,打包的速度越来越慢,痛下决定将webpack升级到4.0版本。
前端划水工
·
2022-02-11 04:07
vue多入口打包配置
环境:vue2.5.2+
webpack3
.0使用场景:用vue做活动的时候因为是单页面不同的活动,都要重新vue一遍才可以,这样导致文件内容过多,每次开发的时候光这个流程都要好久,所以想开发成vue一套流程
随遇而安_fbca
·
2022-02-10 15:47
vue模块化、webpack
今日目标1.能够了解模块化的相关规范2.了解
webpack3
.了解使用Vue单文件组件4.能够搭建Vue脚手架5.掌握Element-UI的使用1.模块化的分类A.浏览器端的模块化1).AMD(AsynchronousModuleDefinition
蔚完待旭
·
2022-02-03 16:03
svg图标封装
PS:
webpack3
及以下和webpack4配置略有不同,webpack4的SVG配置请参考潘npminstall-gsvgosvgo-f.
imTinaz
·
2022-02-02 23:41
【Vue】进阶(一) 脚手架(vue-cli) 环境搭建和应用示例
脚手架环境搭建和应用示例前言环境安装1、安装Vue2、安装
Webpack3
、安装Vue脚手架4、关于vue-cli2.x和vue-cli3.x创建项目的区别创建项目深入学习vue-cli,创建一个空白模板
01xm
·
2021-11-29 21:28
vue
前端
vue.js
前端框架
javascript
报错:webpack@3.6.0版本与css-loader不兼容问题
webpack3
.6.0与其他loader不兼容如何解决?再次提供一套兼容版本只需要把下面版本号复制到package.json中,然后直接使用指令:npminstall即可。不要一个一个去安装。"
狴犴ys
·
2021-10-19 14:32
vue
前端
node
css
webpack
node
npm
Webpack 3 - 打包优化
最后使用一下几种方法来优化项目文件(基于
webpack3
)。1、使用HappyPack多进程解析
zsanpang
·
2021-06-25 16:59
使用webpack的注意点
注意点使用
webpack3
,如果需要使用DevServer,需要安装webpack-dev-server2。使用一些其他插件或loader时也要密切注意版本兼容问题。
广州芦苇科技web前端
·
2021-06-22 02:14
解决报错Cannot find module 'webpack-cli/bin/config-yargs'
项目中)安装webpack安装完成后,执行命令npmrundev发现报错:Error:Cannotfindmodule'webpack-cli/bin/config-yargs’后来查看一些资料,发现,
webpack3
w晚风
·
2021-06-20 00:45
[前端开发]
Webpack3
/4配置整理
webpack3
配置npminstallwebpack@3-g#安装最新的3.x版本的webpacknpminstallwebpack-cli@2-g命令行下webpack常见配置参数--config设置配置文件
1024俱乐部
·
2021-06-19 01:10
记项目升级详细记录——vue项目升级到webpack4、babel7版本
项目升级目标:原版项目:vue2+
webpack3
+babel6升级项目:vue2+webpack4+babel7最近需要将vue项目升级,以获得更好的构建性能和开发便利,由于网上没有一个可以参考的实用用性文章
大十小九
·
2021-06-19 00:29
webpack 和一些模块安装
parcel一些方面比webpack好很多,配置不复杂,但目前还不成熟暂时不使用头铁的可以试试
webpack3
.1.0node6.8.1node版本过高会有path错误npminitnpminstall
xuziang111
·
2021-06-18 21:32
求助!微信公众号页面部分手机加载后空白!
我们前端用的
webpack3
.5.6打包的,服务器是Linux,后台是java,前后端分离测试过很多次微信web开发者工具打开也没有问题,但是很多用户反映页面进去是空白页没有内容,排查了很久都没有发现问题
BAN_5304
·
2021-06-12 19:10
基于react16
webpack3
搭建前端spa基础框架 react-router的4种异步加载方式
reactroute4的按需加载实现的方法比较多,记录。https://juejin.im/post/5a39c3446fb9a0450d1136b4
流动码文
·
2021-06-08 03:30
vue/cli2下的
webpack3
升级webpack4记录【转】
下面就记录一下vue/cli2下的
webpack3
升级webpack4中遇到的一些问题及解决方案。目录1、安装webpack-cli,升级webpack2、升级webp
三省吾身_9862
·
2021-06-04 11:26
Webpack打包工具安装使用介绍
一.Webpack的安装webpack安装依赖nodejs,下面介绍是基于系统已安装node.js
webpack3
.6.0是vuecli2脚手架依赖的版本npminstallwebpack@3.6.0-
bugsayend
·
2021-05-23 01:01
前端
老vue项目
webpack3
升级到webpack5全过程记录
老vue项目
webpack3
升級到webpack5整个过程纪录(一)情况19年新创建的vue项目,应用的是
webpack3
,伴随着新项目的累积,部件的增加造成当地搭建,网上装包等操作速度超慢,十分危害开发设计高效率和布署高效率
你的北音
·
2021-05-21 05:31
技术文章
代码分享
vue
webpack3
前端自动化打包工具1、安装mkdirwebpack-testcdwebpack-testnpminitcnpminstall--save-devwebpackcnpminstall-gwebpackwebpackwebpack-w(webpack--watch)webpack此文档使用webpack版本为3.4.1,在你自行测试中,可能输出结果与文档中所贴出内容不一致,请以你自己的代码为准安装本地
LorenaLu
·
2021-05-20 02:46
webpack3
.0+版本简易配置傻瓜教程(一)
1.安装node.jshttp://nodejs.cn/download/下载完毕后安装,直接下一步直到安装完成。打开cmd,输入node-v出现以下界面说明你安装成功我的是8.4.0的版本node-v2.全局安装webpacknpminstallwebpack-g出现下面的界面说明安装成功webpack-v注意:npm在国内比较慢,因为需要翻墙,这个时候你可以使用cnpm安装npminstall
麦勇潮
·
2021-05-14 16:19
[FE] webpack群侠传(八):childCompiler
前几篇文章中,我们介绍了webpackv4.20.2相关的内容,但是很多老项目,还在使用
webpack3
,也要一些常用的代码库在webpack4中是不兼容的。
何幻
·
2021-05-12 03:44
React.js学习笔记(16)
webpack3
(一) 服务端渲染 + ( webpack-dev-server ) + ( react-hot-loader )
(一)wepack命令行----(npmscript)在npminit初始化的项目中package.json文件中的"script"对象中配置"scripts":{"test":"echo\"Error:notestspecified\"&&exit1","build":"webpack--configbuild/webpack.config.js--progress--color--profil
woow_wu7
·
2021-05-10 06:09
webpack使用小记
1
webpack3
.x在配置webpack.config.js时候不要写mode:'development',该版本无法辨别此命令以下为
webpack3
.x配置格式,也许与官网略有出入,但可以启动module.exports
我七
·
2021-05-02 00:41
React & TypeScript & Webpack
捣腾一周,一步一步造轮子尝鲜⚡️引入TypeScript编写更加安全的代码,不再为类型烦恼⚡️使用
Webpack3
打包该文档使用的是TypeScript环境设置下载和安装Node.js下载和安装依赖管理工具
本间麻衣子
·
2021-04-27 19:09
01-快速入门webpack模块化打包工具
webpack安装三、webpack基础3.1、js文件打包3.1.1、创建文件夹3.1.2、打包文件3.1.3、引入文件3.2、webpack基础文件配置3.2.1、初试化node并下载开发时依赖的
webpack3
.2
不及你笑靥如花
·
2021-04-26 10:26
webpack
vue
webpack
前端
用webpack构建的多页应用项目模板(脚手架)
根据官方文档进行配置(
webpack3
)具有自动编译、打包、热更新、代码检查、服务器环境预览、自动部署等功能你可以在此项目中正常使用vue、react等前端框架下面来简单的介绍一下搭建此项目的步骤和思路项目整体结构为
司马启奏
·
2021-04-26 10:23
【npm】发布 自定义JS工具函数库 到npm中央仓库
文章目录1.导出所有模块2.配置
webpack3
.打包4.测试5.改包描述文件6.配置npm7.发布仓库8.测试9.更新与删除更新包删除包关于自定义JS工具类相关类似的源码请看https://gitee.com
YK菌
·
2021-04-25 22:04
前端工具
npm
nodejs
javascript
webpack3
初次测试编译大小及速度
据说
webpack3
打包速度相比1快多了、特意做了一个尝试查看官网大概有以下几点变化(请大家补充)1、webpack内部实现变化2、新增了模块串联功能。
Smile丶後来
·
2021-04-21 04:36
使用
webpack3
整合antd3的react项目
目标基于
webpack3
,antd3,react16建立一个react项目,使用webpack方式整合antd3,解决css模块化与antd3的冲突问题.启用antd3的按需加载最终目录结构:|-and-demo
码农梦醒
·
2021-04-20 16:49
webpack3
-概念篇
自己搞webpack还是从1.X开始的,从一开始都一直想写歌简单的教程神马的,但是迟迟没有动笔。今天决定了,开始记录,所以先从概念开始写,咱还是先要了解webpack是个什么鬼,是做什么的,以及为什么要使用它,它与其他工具比如说Grunt和gulp有什么区别,好吧,带着这几个问题开始正题。来个华丽丽的分割线什么是webpack,有什么作用[官方解释]:webpack是一个现代JavaScript应
OnlyCozj
·
2021-04-14 04:21
webpack怎样支持打包支持ie8
最近在解决ie8中支持
webpack3
打包压缩支持ie8的问题。之前框架中使用的是webpack1,现在要升级。发现压缩代码中总是出现关键字,百度谷歌搜了一下,发现都不能用,去查了官方文档。
宅神sean
·
2021-04-13 22:10
《你不了解的webpack》第二期
打包可视化、打包体积、速度优化及代码优化(
webpack3
.6.0)一.打包可视化webpack-bundle-analyzer1.下载npm install --save-dev webpack-bundle-analyzer2
·
2021-04-04 01:34
前端webpack
vue请求本地json文件,config.json配置动态地址,维护无需修改代码
本地使用config.json只需要把config.json文件放在static或
webpack3
生成的脚手架public里使用config.json文件时,dev或serve开发环境可以运行和使用,生产环境会报跨域错误
·
2021-03-13 20:55
vue请求本地json文件,config.json配置动态地址,维护无需修改代码
本地使用config.json只需要把config.json文件放在static或
webpack3
生成的脚手架public里使用config.json文件时,dev或serve开发环境可以运行和使用,生产环境会报跨域错误
·
2021-03-13 04:01
react-router4基于react-router-config的路由拆分与按需加载
继上一篇基于react16
webpack3
搭建前端spa基础框架react-router的4种异步加载方式继续讲解。
只此一生的我
·
2021-03-10 19:34
Webpack 3,从入门到放弃
原文首发于:
Webpack3
,从入门到放弃Update(2017.8.27):关于output.publicPath、devServer.contentBase、devServer.publicPath
·
2021-03-10 04:30
webpack
Webpack3
+React16代码分割的实现
webpack3
+react16webpackv3配置检查很明显项目的配置是从v1继承过来的,v1->v3的升级较为简单,参考官网https://webpack.js.org/migrate/3/即可。
·
2021-03-09 22:42
关于ES6
ES6环境:
webpack3
.0ES6声明变量let:相当于ES5的var但var没有块级作用域,而let有没有预解析,不存在变量提升在代码块内,let要先定义完再使用,只要let定义变量在之前使用都是报错
·
2021-02-06 02:58
前端es6
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他