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
webpack项目搭建
前端工程化之:
webpack
1-4(编译结果分析)
一、运行环境打包
webpack
会假定项目的入口起点为src/index.js,然后会在dist/main.js输出结果,并且在生产环境开启压缩和优化。我们要分析的就是main.js文件。
小李老笨了
·
2024-01-27 22:24
前端工程化
前端
javascript
webpack
前端工程化之:
webpack
1-6(编译过程)
一、
webpack
编译过程
webpack
的作用是将源代码编译(构建、打包)成最终代码。
小李老笨了
·
2024-01-27 22:23
前端
webpack
前端工程化之:
webpack
1-2(安装与使用)
一、
webpack
简介
webpack
中文网
webpack
是基于模块化的打包(构建)工具,它把一切视为模块它通过一个开发时态的入口模块为起点,分析出所有的依赖关系,然后经过一系列的过程(压缩、合并),最终生成运行时态的文件
小李老笨了
·
2024-01-27 22:51
前端工程化
前端
webpack
node.js
前端工程化之:
webpack
1-3(模块化兼容性)
一、模块化兼容性由于
webpack
同时支持CommonJs和ES6module,因此需要理解它们互操作时
webpack
是如何处理的。
小李老笨了
·
2024-01-27 22:51
前端工程化
前端
webpack
es6
前端工程化之:
webpack
1-5(配置文件)
一、配置文件
webpack
提供的cli支持很多的参数,例如--mode,但更多的时候,我们会使用更加灵活的配置文件来控制
webpack
的行为。
小李老笨了
·
2024-01-27 22:51
前端工程化
前端
webpack
前端工程化之:
webpack
1-1(构建工具)
一、浏览器端的模块化1.问题效率问题:精细的模块划分带来了更多的JS文件,更多的JS文件带来了更多的请求,降低了页面访问效率;兼容性问题:浏览器目前仅支持ES6的模块化标准,并且还存在兼容性问题;工具问题:浏览器不支持npm下载的第三方包。这些仅仅是前端工程化的一个缩影。当开发一个具有规模的程序,你将遇到非常多的非业务问题,这些问题包括:执行效率、兼容性、代码的可维护性可扩展性、团队协作、测试等等
小李老笨了
·
2024-01-27 22:21
前端工程化
前端
webpack
node.js
webpack
底层原理和使用方法
文章目录1.
webpack
的定义2.
webpack
的背景3.
webpack
的核心思想3.
webpack
的作用4.
webpack
的优势5.
webpack
的劣势6.对比其他打包工具7.
webpack
的浏览器兼容性
贫僧法号依平
·
2024-01-27 22:50
webpack
前端
node.js
前端框架
【Vue】1-3、
Webpack
中的 loader
一、概述在实际开发过程中,
webpack
默认只能打包处理以.js后缀结尾的模块。其他的非.js后缀名结尾的模块
webpack
默认处理不了,需要调用loader加载器才可以正常打包,否则会报错!
QX_Java_Learner
·
2024-01-27 22:35
Vue
vue.js
webpack
前端
【Vue】1-5、Source Map
二、解决默认SourceMap的问题开发环境下,推荐在
webpack
.config.js配置文件中添加如下的配置:module.exports={mode:'develo
QX_Java_Learner
·
2024-01-27 22:35
Vue
vue.js
前端
webpack
【Vue】1-2、
Webpack
中的插件
一、
Webpack
插件的作用通过安装和配置第三方的插件,可以拓展
webpack
的能力,从而让
webpack
用起来更方便。
QX_Java_Learner
·
2024-01-27 22:05
Vue
vue.js
webpack
前端
【Vue】1-4、打包发布
一、配置
webpack
的打包发在package.json文件的scripts节点下,新增build命令如下:"scripts":{"dev":"
webpack
serve",//开发环境中运行dev命令"
QX_Java_Learner
·
2024-01-27 22:32
Vue
vue.js
前端
webpack
Django
项目搭建
一、创建项目在命令行中执行代码$django-adminstartprojectmysitedjango-admin为内部命令startproject为参数mysite项目名备注避免使用Python或Django的内部保留字来命名项目。比如说,避免使用像django(会和Django自己产生冲突)或test(会和Python的内置组件产生冲突)这样的名字二、项目结构mysite/#项目的名称man
菜鸟之编程
·
2024-01-27 18:12
Django
django
python
后端
webpack
5构建基于Vue3+ElementPlus
项目搭建
(开发和生产)
项目基于
webpack
5+vue3+ElementPlus环境构建主要配置文件:package.json插件使用和版本配置等信息.eslintrc.js启用eslint检测代码规范babel.config.jses
追逐梦想之路_随笔
·
2024-01-27 17:31
vue2/vue3全家桶
自动化构建工具
webpack
vue.js
javascript
vite + vue3 + elementPlus + vuex + axios
项目搭建
及问题
遇到的问题:1:elementplus引入后功能正常其里面icon无效2:elementplus默认英文问题3:vue3把过滤器删掉了我用什么替代4:vue3routerview第一次加载空白页我想强制刷新怎么办nextupdata?5:引入vuex保存变量发现刷新丢失怎么办6:vite打包后放服务器jscss找不到怎么配置常规为题:1:vue3使用获取路由传参2:vue3父组件触发子组件方法3:
Thekingyu
·
2024-01-27 17:00
vue+apicloud
vite
vue3
iOS自动化打包 Jenkins+Gitlab+Fastlane+蒲公英+钉钉
优质资源分享学习路线指引(点击解锁)知识定位人群定位Python实战微信订餐小程序进阶级本课程是pythonflask+微信小程序的完美结合,从
项目搭建
到腾讯云部署上线,打造一个全栈订餐系统。
[虚幻私塾】
·
2024-01-27 17:49
python
ios
自动化
jenkins
计算机
从 0 开始搭建 React 框架
webpack
配置不再赘述,可参考前三个文章(wenpack5基本使用1-3)使用react安装react、react-dom、@babel/preset-reactyarnaddreactreact-dom
丶清风不问烟雨
·
2024-01-27 15:13
react.js
前端
前端框架
Linux测试环境部署和
项目搭建
目标1、掌握Linux系统上安装JDK的安装2、掌握Linux系统上安装Mysql的安装3、掌握Linux系统上安装Tomcat的安装4、掌握Linux中web端项目部署(jenkins.war)一、远程连接工具的使用1.为什么使用远程连接工具(1)实际应用中服务器一般放在远端(机房)或者云服务上,测试人员不可能直接到现场操作Linux服务器(2)无法现场操作,所以系统通过远程工具进行连接才可以操
澄子_向钱看
·
2024-01-27 12:21
webpack
区分打包类库代码及代码优化
1.配置文件
webpack
.configconstpath=require('path')constVueLoaderPlugin=require('vue-loader/lib/plugin');constHTMLPlugin
季末丶晦夏
·
2024-01-27 10:33
使用vue-cli-plugin-electron-builder打包electron遇到的坑
./",chain
Webpack
Main
@zjm
·
2024-01-27 09:34
vue.js
electron
前端
webpack
优化
treeshakingtreeshaking去掉我们没有使用的代码满足条件自动开启使用ES6模块化语法开启
webpack
生产环境配置可以在配置文件中使用sideEffects,*号代表全选"sideEffects
3fdd41da0a59
·
2024-01-27 09:39
Vue使用svg图片-svg-sprite-loader插件
在vue2配合
webpack
;svg图片不存在id冲突,在使用时无需显示引入
禾苗种树
·
2024-01-27 06:28
UI组件二改
svg
vue.js
前端
javascript
对于gzip的了解
静态资源VueVueCLl修改vue.config.js,配置configure
Webpack
等属性,利用
webpack
的扩展功能实现gzip文件的生成(产生.gz相应的压缩文件)Reactnpmruneject
小安吖~
·
2024-01-27 05:51
gzip
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
Error
vue
timeout
【创建vue项目的两种方式】
Vue环境搭建NodeJs安装包安装淘宝镜像环境搭建
webpack
安装全局安装@vue/cli查看模板创建项目1.
webpack
2.vue-cliNodeJs安装包下载链接:官网链接下载下来后,直接傻瓜式的安装即可
员宇宙
·
2024-01-27 04:45
vue.js
前端
javascript
谷粒商城【成神路】-【1】——
项目搭建
目录1.整体架构图2.微服务划分图3.开发环境4.搭建git5.快速搭建服务6.数据库搭建7.获取脚手架8.代码生成器9.创建公共模块10.创建各个服务的CRUD1.整体架构图2.微服务划分图3.开发环境idea2021.2jdk1.8maven3.8.14.搭建git小张这里使用gitee~,创建仓库完成后复制ssh在idea中进行创建5.快速搭建服务1.建工程1.在工程模块下创建服务模块2.注
会敲代码的小张
·
2024-01-27 02:49
谷粒商城【弑神战】
架构
spring
cloud
后端
java
spring
分布式
中间件
vue打包文件太大,利用SplitChunksPlugin插件进行公共模块抽取
vuecli3.0脚手架默认的
webpack
版本是4.0所以要用SplitChunksPlugin插件;
webpack
4之前的都是利用CommonsChunkPlugin插件来进行公共模块抽取;chain
Webpack
三七_z
·
2024-01-27 01:46
vue项目
vue.js
vue项目刷新页面显示Cannot GET
网上很多方法说在
webpack
.config.js文件中添加devServer:{historyApiFallback:true}但有的项目没有
webpack
.config.js,此时可以在vue.config.js
大大。
·
2024-01-27 01:46
vue相关
vue.js
javascript
webpack
vue项目打包部署到服务器并使用cdn加速
配置vue.config.js文件constisProd=process.env.NODE_ENV==='production'module.exports={//其他配置chain
Webpack
:config
白小白灬
·
2024-01-27 01:00
vue.js
服务器
javascript
React antd 安装配置按需加载
它本身集成了
Webpack
,并配置了一系列内置的loader和默认的npm的脚本,是用React创建新的单页面应用的最佳方式。
zoe_wang
·
2024-01-26 23:53
再学
webpack
1优化
webpack
打包体积的思路优化
webpack
打包体积的思路包括:提取第三方库或通过引用外部文件的方式引入第三方库:将第三方库单独打包,并通过CDN引入,减少打包体积。
亮学长
·
2024-01-26 23:38
webpack
VueCli 3.0 配置 vue.config 优化完整版
目录一、基础配置二、服务和跨域代理设置三、CSS相关设置四、chain
Webpack
配置五、chain
Webpack
配置六、完整版vue.config.js一、基础配置module.exports={runtimeCompiler
何小半夏
·
2024-01-26 23:48
vue
vue.js
javascript
前端
mac下使用Charles将线上项目的js代理到本地
Charles安装包安装成功后注册破解:RegisteredName:*zhile.io*LicenseKey:48891cf209c6d32bf42.项目设置代理本地资源,需要本地资源可在局域网内访问修改项目中
webpack
-dev-server
AbelLJ
·
2024-01-26 22:29
webpack
3.X版成长之路:01(认识
webpack
作用)
如果您已经在前端行业中,
WebPack
在业界的流行程度自然必备多说,成为了前端小白升级为前端工程师的必备技能。
神秘者007
·
2024-01-26 21:14
ts+koa
项目搭建
搭建步骤1.初始化项目npminitnpmikoakoa-routernpmi--save-devtypescriptts-nodenodemonnpmi--save-dev@types/koa@types/koa-router2.新建tsconfig.json在项目根目录,新建tsconfig.json,并加入内容。3.创建server.ts要使你的服务“跑”起来,在刚建立的src文件夹上新建s
翻滚的小白
·
2024-01-26 19:39
ts+koa
typescript
node.js
搭建Koa+Typescript项目
1.创建Node项目npminit--y2.生成配置tsconfig.json:为了在node中使用ts,首先安装ts,但是安装的ts代码不能直接执行,需要转换成js代码后才能执行,使用
webpack
可用
yuria_wahaha
·
2024-01-26 19:09
node.js
uniapp
项目搭建
目录uni-app
项目搭建
路由request工具封装UI组件如何引入uni-app
项目搭建
什么是uni-appuni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS
qq_27169469
·
2024-01-26 19:49
uni-app
web
uni-app
在vue项目中使用less
1.安装less和less相关转移插件npminstall--save-devlessless-loadercss-loaderstyle-loader2.
webpack
.base.conf.js中添加配置
3c9795394f14
·
2024-01-26 19:36
vue-cli 配置
webpack
去除console输出日志
build=>
webpack
.prod.conf.js在plugins:[]中增加new
webpack
.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
性能优化
webpack
前端
项目搭建
规范以及SEO优化
我们今天着重来说一下网站网页的SEO优化,SEO优化可以对网络端进行深度优化,使我们的网站获得免费流量,在众多网站中脱颖而出目录一.项目创建格式规范二.favicon图标三.SEO优化T指的是title标签:D指description:K指keyword:H标签:alt图片描述标签:接下来我们再讲一个SEO优化的重点:LOGO优化一.项目创建格式规范我们这里简单说一下文件夹的创建,这也是有一定规范
Try Tomato
·
2024-01-26 14:24
+
HTML
&
CSS
css
前端
html
html5
网站制作流程,favicon图标,SEO优化,首页制作,logo SEO优化
制作首页,列表页,注册页三个页面
项目搭建
工作1.需要创建如下文件夹:项目文件夹样式类图片文件夹:i
Everything_na
·
2024-01-26 14:19
html
css
转载之详解CommonsChunkPlugin的配置和用法
详解CommonsChunkPlugin的配置和用法简介CommonsChunkPlugin可配置的属性:实战应用不分离出第三方库和自定义公共模块
webpack
.config.js:分离出第三方库、自定义公共模块
奋斗的小栗子
·
2024-01-26 14:26
转载
webpack
javascript
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添加设置来解决报错configure
Webpack
:{externals:[{'.
Shiki2147
·
2024-01-26 14:24
vue.js
javascript
前端
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
前端
vue.js
webpack
中loader和plugin的区别
loader由于
webpack
只能打包commonJs的规范文件,所以针对图片、css等文件无法打包,loader专注于转化文件,完成压缩/打包/语言翻译等css-loadersass-loader和style-loader
仙女爱吃鱼
·
2024-01-26 11:02
开发环境
webpack
loader
plugin
webpack
常用loader和plugin
loader和plugin是什么loader是一种打包的方案,
webpack
默认只识别js结尾的文件,当遇到其他格式的文件后,
webpack
并不知道如何去处理。
深沉影子灰
·
2024-01-26 11:01
webpack
webpack
前端
javascript
常见的前端打包构建工具有哪些
Webpack
:
Webpack
是一个模块打包工具,它能够将各种资源(JavaScript、CSS、图片等)打包成一个或多个静态文件,以优化加载性能。
我有一棵树
·
2024-01-26 11:01
前端
上一页
9
10
11
12
13
14
15
16
下一页
按字母分类:
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
其他