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
+vue3+ts
先看看我的目录结构(我全局使用TS):一、安装配置
webpack
打包安装esnonpminstallesnoesno是基于esbuild的TS/ESNextnode运行时,有了它,就可以直接通过esno
strexGM
·
2024-01-23 15:07
webpack
前端
node.js
vue开发笔记
环境的确认node--versionnpm--version全局安装vue-cli安装命令:npminstall--globalvue-cli基于
webpack
模版的新项目创建一个基于
webpack
模版的新项目
jshan
·
2024-01-23 11:27
Vue -
webpack
npm run build 报错
最近在学习Vue-
webpack
的视频教程https://www.imooc.com/video/164022-1vue-loader+
webpack
项目配置这篇课程真的很坑人,跟着做一毛一样结果不断的报错
我常常问自己我是谁
·
2024-01-23 09:06
webpack
对项目优化
方案:
webpack
配置文件配置limit,将图片转换成base64流的形式存储
天蒙蒙亮
·
2024-01-23 09:15
webpack
性能优化
history路由解决刷新出现404的问题
具体流程(哈希模式):1.前端项目写完之后,把src件夹打包(利用
webpack
、babel把项目里面的jsx/vue、scss
天蒙蒙亮
·
2024-01-23 09:15
nginx服务器
node
javascript
node.js
css单位 % em rem vw vh vmin vmax pt ch ex
px像素(计算机屏幕上的一个点),项目开发中特别是移动端开发我经常会使用
webpack
将px转化为rem来适应屏幕宽度%百分比,理解为和父元素字符的相对大小,但是有几个注意点:1.对于普通元素,相对于父元素大小
BenjaminShih
·
2024-01-23 08:36
css
css
单位
em
rem
vw
关于 Angular 跨域请求携带 Cookie 的问题
使用框架及
Webpack
进行开发时,也可以通过插件实现反向代理。比如使用Angular的时候可以通过proxy.config.json进行跨域设置。
weixin_34167043
·
2024-01-23 08:31
javascript
前端
后端
ViewUI
vue-baidu-map在ie下不显示的问题
已经安装babel-polyfill,使用vue-baidu-map在IE下还是空白,地图不出现,主要是因为babel默认不会编译node_modules中的东西的,ie不识别,需要手动添加一下,才会编译在
webpack
.base.conf.js
凤凰挽歌_
·
2024-01-23 08:42
基于taro搭建小程序多项目框架,记重点了!!!
灵感来自最近
webpack
的多项目打包构建起步首先你得先安装好taro脚手架,然后基于该脚手架生成一个taro项目初始化taro项目taroinitminiApp这是我选
QD_ANJING
·
2024-01-23 07:57
taro
小程序
前端工具
文档网站推荐(印记中文、程序员盒子、前站)
印记中文印记中文,号称是唯一与官方文档同步的前端中文文档站。由腾讯AlloyTeam创立&维护。这个网站里收集了很多工具、库等等的文档。印记中文-深入挖掘国外前端新领域,为中国Web前端开发人员提供优质文档!-https://docschina.org/印记中文-深入挖掘国外前端新领域,为中国Web前端开发人员提供优质文档!印记中文,深入挖掘国外前端新领域,为中国Web前端开发人员提供优质文档!!
崽崽的谷雨
·
2024-01-23 06:32
前端
工具
前端
umi2.x(
webpack
4.x)打包优化
优化缘由项目越来越大,依赖越来越多,打包后的js越来越大其中最大的js文件通过nginxgzip压缩后还有4MB,影响客户体验.查看文件打包分析cross-envANALYZE=1umibuild优化方法删除代码中冗余的,没有用到的第三方依赖将用得很少的依赖从node_modules中直接复制粘贴到本地项目代码中(实现按需加载),并npmuninstall此依赖使用umi-plugin-react
zhongshizhi91
·
2024-01-23 04:36
前端框架
前端
javascript
webpack
umi
使用Element-Plus 加载style
vue-chrome-extension简介chrome扩展开发插件基于vue3、ts、ElementPlus、
Webpack
5、axios、less开发支持content快速调用chrome对象及axios
wyg_031113
·
2024-01-22 23:03
javascript
elementui
常见技术问题及答案(一)
calc(100%-200px);height:300px;background:blue;}.right{width:200px;height:300px;background:red;}二、介绍一下
webpack
Z_the
·
2024-01-22 20:44
VUE项目build后自动生成zip压缩包
webpage项目使用方式安装filemanager-
webpack
-plugin插件npminstallfilemanager-
webpack
-plugin-D#oryarnaddfilemanager-
webpack
-plugin-D
xxley
·
2024-01-22 18:48
vue.js
前端
javascript
vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementatio
升级
webpack
3->4导致的报错ModuleError(from.
厘子 车
·
2024-01-22 16:35
配置
webpack
node.js
node.js的学习之路 2018-03-27
之前对于node的使用都是基于一些
webpack
前端工具
和一些脚手架这样的,但是最近由于项目需要,可能要用到node做了中间层所以今天就对于node进入深入学习,记录下学习的过程和在学习过程中遇到的坑,
张益达_pearl
·
2024-01-22 15:08
VUE项目打包配置 vue.config.js 文件
const
webpack
=require("
webpack
");constVersion=newDate().getTime();module.exports={/*部署生产环境和开发环境下的URL:可对当前环境进行区分
半夏ing
·
2024-01-22 14:34
javascript
vue.js
webpack
vue项目vue.config.js文件打包 配置、优化配置
constTimestamp=newDate().getTime()//压缩插件constCompression
Webpack
Plugin=require('compression-
webpack
-plugin
正在起飞得菜鸟
·
2024-01-22 14:04
配置知识点
vue.js
javascript
vue.config.js中打包相关配置
1.原始篇letpath=require('path');const
webpack
=require('
webpack
');constThemeColorReplacer=require('
webpack
-theme-color-replacer
尔嵘
·
2024-01-22 14:02
Vue2
javascript
vue.js
前端
如何创建vite项目!
是一种新型前端构建工具,能够显著提升前端开发体验网络:vite是一个静态服务器,也可以说是一个开发的构建工具它的目标就是提供快速的开发体验和性能优化vite优点与缺点Vite优点Vite缺点开发服务器比
Webpack
小舟423
·
2024-01-22 13:36
vue.js
高频面试题,
webpack
中hash、chunkhash、contenthash有什么区别
在
Webpack
中,hash、chunkhash和contenthash都是用于生成文件名哈希的选项,它们有以下区别:hash:适用范围:适用于所有文件,包括入口文件、依赖的模块文件等。
我有一棵树
·
2024-01-22 06:01
webpack
哈希算法
前端
webpack
中的loader 和plugin的区别
Loader:作用:Loader用于在模块加载时对文件进行转换。它是一个转换器,将文件从一种形式转换为另一种形式,例如,将ES6语法的JavaScript文件转换为能够在浏览器中运行的普通JavaScript。使用场景:Loader通常被配置在module.rules中,指定了哪些文件应该被哪些Loader处理。每个Loader执行一个特定的转换操作,它们串联在一起形成一个转换管道。Plugin:
我有一棵树
·
2024-01-22 06:01
webpack
前端
node.js
Webpack
基本使用 - 1
Webpack
是什么
webpack
的核心目的是打包,即把源代码一个一个的js文件,打包汇总为一个总文件bundle.js。
丶清风不问烟雨
·
2024-01-22 06:30
webpack
前端
node.js
webpack
笔记
Webpack
1.静态模块打包工具,将.scss.ts打包成浏览器识别的文件2.模块化有ESModuleCommonJSAMDCMD3.
webpack
和gulprollupvite4.loader处理文件的转换
QAEARQ
·
2024-01-22 06:59
webpack
webpack
笔记
前端
webpack
及node.js的安装(超详细)
一、安装
webpack
前首先需要安装Node.js1.node.js自带了软件安装包管理工具npm2.nodejs以往版本下载地址:https://nodejs.org/zh-cn/download/releases
roouzenn
·
2024-01-22 06:14
前端
Webpack
5入门到原理21:提升开发体验
SourceMap为什么开发时我们运行的代码是经过
webpack
编译后的,例如下面这个样子:/**ATTENTION:The"eval"devtoolhasbeenused(maybebydefaultinmode
duansamve
·
2024-01-21 21:48
webpack
webpack
【万字解析】
Webpack
优化构建性能(分析->优化)
Webpack
优化构建性能1.分析构建性能分析构建体积全局安装
webpack
-bundle-analyzer插件npmi-g
webpack
-bundle-analyzer运行
webpack
-bundle-analyzer
webpack
-bundle-analyzer
Jackson-Mseven
·
2024-01-21 21:17
Webpack
webpack
前端
node.js
Webpack
5入门到原理19:React 脚手架搭建
开发模式配置//
webpack
.dev.jsconstpath=require("path");constESLint
Webpack
Plugin=require("eslint-
webpack
-plugin
duansamve
·
2024-01-21 21:16
webpack
webpack
webpack
进阶用法
自动清除构建目录安装npmiclean-
webpack
-plugin-D修改
webpack
.config.jsplugins:[newClean
Webpack
Plugin()]CSS自动补全前缀信息postcss-loaderautoprefixernpmipostcss-loaderautoprefixer-Dmodule
阿畅_
·
2024-01-21 20:09
webpack
打包优化
记一次react项目优化的过程优化前,用uglifyjs-
webpack
-plugin插件压缩js后得到的大小,实际大小1.3M,如图:image.png以上图形化界面,可下载
webpack
-bundle-analyzer
艾晨星雨
·
2024-01-21 19:24
vue实现预渲染
该文档以vue-cli搭建的项目结构为例第一步:安装工具包cnpmiprerender-spa-pluguin-D第二步:配置
webpack
找到build/
webpack
.pro.con
duans_
·
2024-01-21 16:12
你可能不知道的
webpack
小知识
当
webpack
处理应用程序时,它会递归地构建一个依赖关系图,主要包括下面四个核心概念1.入口entry:指示
webpack
应该使用哪个模块,来作为构建其内部依赖图的开始2.出口output:告诉
webpack
外星人_863d
·
2024-01-21 16:16
Webpack
5入门到原理20:Vue 脚手架搭建
开发模式配置//
webpack
.dev.jsconstpath=require("path");constESLint
Webpack
Plugin=require("eslint-
webpack
-plugin
duansamve
·
2024-01-21 11:32
webpack
webpack
Vue-CLI 的安装和使用
Vue-CLI(Vue脚手架)介绍Vue-CLI是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成Vue和
webpack
的项目模板如果只是简单的写几个Vue的Demo
coderlion
·
2024-01-21 11:47
Webpack
5入门到原理17:Loader 原理
loader概念帮助
webpack
将不同类型的文件转换为
webpack
可识别的模块。
duansamve
·
2024-01-21 11:17
webpack
webpack
Webpack
5入门到原理15:提取 Css 成单独文件
style标签来生成样式这样对于网站来说,会出现闪屏现象,用户体验不好我们应该是单独的Css文件,通过link标签加载性能才好1.下载包npmimini-css-extract-plugin-D2.配置
webpack
.prod.jsconstpath
duansamve
·
2024-01-21 10:47
webpack
webpack
vue项目node_modules越来越大的问题
但是并不想删除node_modules重装,后来找到了是Compression
Webpack
Plugin插件开启了GZIP压缩,缓存越来越大的问题,在vue.config.js相关配置中增加一条cache
摸鱼857
·
2024-01-21 09:43
VUE
vue.js
前端
webpack
解决 vue 项目开发越久 node_modules包越大的问题
解决vue项目开发越久node_modules包越大的问题node_modules.cache文件(编译缓存文件可以删除)compression-
webpack
-plugin禁止缓存constCompressionPlugin
yujkss
·
2024-01-21 09:37
vue.js
前端
javascript
Vue中使用debugger在浏览器中不起作用解决方案
解决方案:找到文件vue.config.js,或全局搜索configure
Webpack
,在如下位置加入devtool:"sourcemap",重新启动项目,debugger即可生效。
小鱼小鱼干
·
2024-01-21 08:29
vue.js
前端
javascript
webpack
进阶(三):常用插件
在上面的文章中,我们用到过四个插件,html的模板插件:Html
Webpack
Plugin,热更新的插件HotModuleReplacementPlugin,以及动态链接库所用到的
webpack
两个自带的插件
尐羽
·
2024-01-21 07:33
vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in you...
在
webpack
.config.js中加入constpath=require('path');//导入在内存中生成的HTML插件只要是插件都一定要放在plugin插件中去consthtml
Webpack
Plugin
___大鱼___
·
2024-01-21 07:44
如何使用
Webpack
打包js文件
《
Webpack
打包简单的js文件》初始化一个新的npm步骤一:初始化npm项目,创建一个package.json文件npminit-y步骤二:添加打包脚本:在scripts部分添加一个命令来运行
webpack
"scripts
小舟423
·
2024-01-21 06:36
webpack
javascript
前端
Webpack
打包简单的js文件
初始化一个新的npm步骤一:初始化npm项目,创建一个package.json文件npminit-y步骤二:添加打包脚本:在scripts部分添加一个命令来运行
webpack
"scripts":{ "build
哎亚亚哎亚亚
·
2024-01-21 06:06
webpack
javascript
前端
Webpack
打包vue项目
vuecreate项目名称在项目里打开终端步骤二:初始化npm项目,创建一个package.json文件npminit-y步骤三:修改package.json"scripts":{ "build":"
webpack
哎亚亚哎亚亚
·
2024-01-21 06:25
webpack
vue.js
前端
如何使用
Webpack
打包vue文件
《
Webpack
打包vue项目》步骤一:创建一个vue项目vuecreate项目名称在项目里打开终端步骤二:初始化npm项目,创建一个package.json文件npminit-y步骤三:修改package.json"scripts
小舟423
·
2024-01-21 06:25
webpack
vue.js
前端
webpack
核心武器:loader 和 plugin 的使用指南(上)
牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录一、引言介绍
Webpack
阿珊和她的猫
·
2024-01-21 06:54
webpack
前端
node.js
web
loader
plugin
014-信息打点-JS架构&框架识别&泄漏提取&API接口枚举&FUZZ爬虫&插件项目
&分析2、JS前端架构-开发框架分析3、JS前端架构-打包器分析4、JS前端架构-提取&FUZZ解决:1、如何从表现中的JS提取价值信息2、如何从地址中FUZZ提取未知的JS文件3、如何从JS开放框架
WebPack
wusuowei2986
·
2024-01-21 06:06
javascript
架构
爬虫
安全
Webpack
5入门到原理18:Plugin 原理
Plugin的作用通过插件我们可以扩展
webpack
,加入自定义的构建行为,使
webpack
可以执行更广泛的任务,拥有更强的构建能力。
duansamve
·
2024-01-21 05:40
webpack
webpack
Webpack
5入门到原理6:处理图片资源
处理图片资源过去在
Webpack
4时,我们处理图片资源通过file-loader和url-loader进行处理现在
Webpack
5已经将两个Loader功能内置到
Webpack
里了,我们只需要简单配置即可处理图片资源
duansamve
·
2024-01-21 05:39
webpack
webpack
vue 项目兼容 IE 浏览器
前言:网上找了很多关于vue项目兼容IE浏览器的教程步骤,写的非常详细,但根据我自己的项目,怎么找都没有找到
webpack
.base.conf.js这个文件,就没办法配置因为vue-cli最新版本原因,
小童姥
·
2024-01-21 03:49
vue.js
javascript
前端
上一页
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
其他