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】
面试题
1,
webpack
中提供了require.ensure()来实现按需加载。以前引入路由是通过import这样的方式引入,改为const定义的方式进行引入。
南漂一枚
·
2024-01-31 02:56
【Git】git push代码 git commit -m 提交信息约束规范
type描述fleat新增功能(常用)fixbug修复(常用)perf性能优化refactor重构代码(既没有新增功能,也没有修复bug)build主要目的是修改项目构建系统(例如glup,
webpack
香菜啵子欸
·
2024-01-31 00:20
GIT
笔记
git
React 16 Jest ES6级模拟 - 监视并监视模拟情况
转载地址React16JestES6级模拟-监视并监视模拟情况项目初始化gitclonehttps://github.com/durban89/
webpack
4-react16-reactrouter-demo.gitcd
webpack
4
鹏鲲云之上
·
2024-01-30 21:46
#VUE CLI 脚手架的安装及初识脚手架(一)
2.使用vue-cli可以快速搭建Vue开发环境(你所需要构建项目的基础文档闭包)以及
webpack
配置3.cli的版本5.0安装VueCLI可以用window系统的cmd命令行打开,也可以直接在你创建好的文件夹的
韩昕燃
·
2024-01-30 19:19
vue
前端框架
Vue CLI 脚手架
VueCLI脚手架初识VueCLI1.1脚手架介绍1.2脚手架使用前提—Node、
Webpack
1.3脚手架的使用1.4创建项目ESLintruntime-compiler和runtime-only区别创建
cb++
·
2024-01-30 18:49
前端VUE学习之初识vue-cli(脚手架)
一、了解vue-clivue-cli又称脚手架,说白了就是一个便捷开发项目的家伙,因为vue-cli可以自动构建出一个项目的骨架,以及配置一些复杂的
webpack
文件配置,在这里,如果深入了解过
webpack
happy-p
·
2024-01-30 18:17
vue.js
解决 vue-cli · Failed to download repo vuejs-templates/
webpack
错误
创建一个vue项目步骤如下:先进入一个事先准备好的目录,比如demo目录,然后在目录中做初始化操作:$vueinit
webpack
project名注意:project名不能包含大写字母
webpack
参数是指这个项目将会在开发和完成阶段自动打包代码初始化可能会失败
走在路上的低级弟弟
·
2024-01-30 18:15
day1 vue(初识vue) @vue/cli脚手架的安装及vue基础指令
渐进式框架什么是渐进式逐渐使用集成更多功能库和框架的区别库里面拥有许多属性和方法可以随意添加修改,规则性没有那么强框架的规则性很多是一套拥有自己规则的语法@vue/cli脚手架@vue/cli脚手架是什么有什么好处方便开发不用自己去配置开箱即用0配置
webpack
babel
蒙奇-D-鑫伟
·
2024-01-30 18:16
vue.js
前端
javascript
vue
Vue之初识Vue CLI 脚手架
【集成了
webpack
配置】脚手架有什么好处?
远近高低各不同
·
2024-01-30 18:43
vue.js
前端
javascript
Node 调试利器,前端、Node 开发必备 - VSCode JS Debug Terminal
经常看到有同学抱怨Node调试麻烦或者是搞不清怎么调试各种脚本、Jest、
Webpack
等等,而偶尔看到的调试相关的文章又全都是在写inspect、launch.json这些方案,其实有一定学习成本。
Dream_travelerly
·
2024-01-30 18:33
web
前端
vscode
javascript
手把手带你撸一遍vue-loader源码
前言前面写过两篇
webpack
实战的文章:
webpack
实战之(手把手教你从0开始搭建一个vue项目)手把手教你从0开始搭建一个vue项目(完结)强烈建议小伙伴们去看一下前面几个章节的内容,这一节我们研究一下
vv_小虫虫
·
2024-01-30 18:16
vue04-生命周期,Ajax,Router,
webpack
,CLI3.x
第七章生命周期和Ajax服务端通信7.1Vue实例生命周期7.1.1生命周期钩子函数每个Vue实例在被创建时都要经过一系列的初始化过程生命周期分为三大阶段:初始化显示、更新显示、销毁Vue实例初始化阶段的钩子函数:beforeCreate()实例创建前:数据和模板均未获取到created()实例创建后:最早可访问到data数据,但模板未获取到beforeMount()数据挂载前:模板已获取到,但是
放生Li
·
2024-01-30 18:07
vue
前端
vue.js
Webpack
5中使用file-loader和url-loader打包图片
最近在看coderwhy老师的Vue3视频,进度:
Webpack
打包图片资源。
彭宏豪
·
2024-01-30 17:29
2018-06-20--------------------------安装
webpack
遇到的坑
1,在学习
webpack
的过程中遇到不少坑,现将今天踩到的坑列举如下:这句话的意思是说你要配置
webpack
的开发环境,是开发环境还是生产环境,这是
webpack
升级为4.0后的最新语法,见作者
webpack
4
阿秉秉一直在努力
·
2024-01-30 16:14
Vue打包后放到服务器出现Loading chunk * failed 错误
解决偶现问题Loadingchunk**failed原因:路由异步加载组件报错,错误来源
webpack
进行codespilt之后某些bundle文件lazyloading失败解决方案:错误在一个路由守卫函数中被同步抛出错误在一个路由守卫函数中通过调用
web星孑
·
2024-01-30 14:38
使用vue3+TS实现动态路由【2023无套路不需要VIP】
./()=>
webpack
_require("./src/viewslazyrecur
猫在裙角jslms
·
2024-01-30 12:09
vue.js
前端
javascript
typescript
vue3.0中设置网页title
meta//路由配置规则constroutes:Array=[{path:'/login',name:'login',meta:{title:'登录'},component:()=>import(/*
webpack
ChunkName
猫在裙角jslms
·
2024-01-30 12:09
VUE3.0
vue
vue cli3 配置 copy-
webpack
-plugin 拷贝文件
原文链接:vuecli3配置copy-
webpack
-plugin拷贝文件上一篇:vue创建pwa项目官方插件下一篇:vue使用原生worker进行后台计算实现将worker.js拷贝到dist目录下的
阿豪boy
·
2024-01-30 11:15
vue
js
nodejs
npm
react
图解
Webpack
——基础篇
本节主要用于入门
webpack
,首先用一张利用MindMaster绘制思维导图开篇来阐述本文的主要内容,读者可在此基础上进行扩展自己的思维导图。
自由的♂
·
2024-01-29 22:30
vue
java
python
js
css
webpack
的使用——基础篇
一、
Webpack
简介1.1
webpack
是什么
webpack
是一种前端资源构建工具,一个静态模块打包器(modulebundler)。
1oneLee
·
2024-01-29 22:57
Webpack
webpack
前端
javascript
webpack
5快速搭建HTML项目
webpack
5快速搭建HTML项目基础环境搭建
webpack
配置(区分开发和生产)补充:NodeJs相关知识点基础环境搭建快速初始化项目,并生成一个package.json文件:yarninit-y安装
weiweivita
·
2024-01-29 22:27
webpack
html
前端
webpack
yarn
webpack
5快速搭建Vue3项目
webpack
5快速搭建Vue3项目基础环境搭建安装依赖
webpack
配置文件修改引入Vue基础环境搭建参考
webpack
5快速搭建HTML项目安装依赖vue:yarnaddvue-Svue-loader
weiweivita
·
2024-01-29 22:27
webpack
vue
webpack
typescript
React Hooks Error: Hooks can only be called inside the body of a function component
包就可以进行本地调试,但是当我们引用的本地npm包里有使用ReactHook的组件,那么基本就会出现多个react副本的报错;解决方法不好找,但也很简单,就是在父级项目的(注意,不是被link的npm包)
webpack
.config.js
夜近天溟
·
2024-01-29 16:29
react
学习笔记-
webpack
webpack
打包以下针对
webpack
为5的情况,所有依赖的版本如下:image.png快速上手constpath=require('path')module.exports={//mode:工作模式
_咻咻咻咻咻
·
2024-01-29 16:43
vue-cli和
webpack
一、vue-cli:vue的脚手架工具帮助编写好vue的基础代码的工具;github上查看vue-cli的源码;二、vue-cli的安装2.1先查看node版本:cmd中输入命令:node-v(要求在V4版本以上)2.2安装:npminstall-gvue-cli(window环境)sudonpminstall-gvue-cli(mac环境?!)安装成功后,运行:vue命令例如使用命令:vueli
manmanlu2006
·
2024-01-29 15:28
web前端
vue
【前端工程化】五:
webpack
5快速入门(二)
webpack
-dev-server要实现在开发时修改了文件可以自动编译展示,可以使用
webpack
的watch属性为true和vscode的liveserver插件,即观察模式//
webpack
.config.jsmodule.exports
Whoopsina
·
2024-01-29 15:27
前端工程化
前端
webpack
javascript
【前端工程化】五:
webpack
5快速入门(四)
CSS抽离与压缩将Css文件单独提取一个文件中,推荐当css文件大于150kb时在考虑使用该插件,否则会多一次css的请求;开发环境中使用压缩性价比不高,所以一般在生产环境中使用;生产环境下,在loader中配置MiniCssExtractPlugin.loader代替style-loader,在插件中配置MiniCssExtractPlugin的输出路径用于抽离CSS,配置CssMinimize
Whoopsina
·
2024-01-29 15:27
前端工程化
前端
javascript
css
前端工程化基础(三):
Webpack
基础
Webpack
和打包过程学习
webpack
主要是为了了解目前前端开发的整体流程,实际开发中,我们并不需要去手动配置,因为框架的脚手架都已经帮助我们完成了配置内置模块path该模块在
Webpack
中会经常使用从路径中获取信息
前端大菜鸟_
·
2024-01-29 15:55
前端工程化基础
前端
webpack
node.js
CSS自适应分辨率 postcss-pxtorem(适用于 Vite)
如果想知道基于
Webpack
+Vue2可移步《CSS自适应分辨率amfe-flexible和postcss-pxtorem(适用于
Webpack
)》项目对应的主要插件版本如下:"vite":"^4.4.5
AvatarGiser
·
2024-01-29 15:25
《Vite
基础知识》
css
postcss
前端
【Vue】1-1、
webpack
的基本使用
一、什么是
Webpack
概念:
webpack
是前端项目工程化的具体解决方案。主要功能:它提供了友好的前端模块化开发支持,以及代码压缩混淆、处理浏览器端JavaScript的兼容性、性能化等强大的功能。
QX_Java_Learner
·
2024-01-29 15:25
Vue
vue.js
webpack
前端
超详细!Vue-coderwhy个人学习笔记(三)(Day4-Day5)
Vue-coderwhy个人学习笔记(二)(Day3)主要内容:前端模块化、
webpack
五、前端模块化(一)、为什么需要模块化?
coderYYY
·
2024-01-29 09:18
Vue学习笔记
Vue
vue.js
前端
es6
Webpack
5从零开始搭建Vue-cli
先展示搭建好的项目目录:1、创建config文件,包含开发环境配置、生产环境配置以及合并后的
webpack
.config.js直接展示配置代码:constpath=require("path");constESLint
Webpack
Plugin
海浪在开花
·
2024-01-29 08:42
vue.js
前端
javascript
webpack
路由懒加载(React和Vue)
1、为了提升性能,将懒加载的文件单独打包在
webpack
.config.js配置打包成chunks//打包到不同的chunksoptimization:{//将动态加载(懒加载)的文件(imort())
海浪在开花
·
2024-01-29 08:09
react.js
前端
vue.js
webpack
Webpack
4 学习07(提取分离打包css)
安装插件min-css-extract-pluginnpminstallmini-css-extract-plugin--save-dev配置
webpack
.config.js引入插件constMiniCssPlugin
邢走在云端
·
2024-01-29 05:35
vue环境安装 nodejs和vue
webpack
:它的主要用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。vue-cli:官方提供的一个脚手架,用于快速生成一个vue的项目模板。
阿波拉
·
2024-01-29 04:18
Vue
前端
vue.js
前端
javascript
Invalid options in vue.config.js: "compiler" is not allowed
vue-cli3.0创建的项目,已经干掉了原有的
webpack
配置,取而代之的是,vue.config.js相信很多人尝试配置的时候都遇到了这个bug。
北方蜘蛛
·
2024-01-29 03:39
Webpack
(四):devTool中SourceMap模式详解
一:什么是SourceMap?我们在项目进行打包后,会将开发中的多个文件代码打包到一个文件中,并且经过压缩,去掉多余的空格,且babel编译化后,最终会用于线上环境,那么这样处理后的代码和源代码会有很大的差别,当有bug的时候,我们只能定位到压缩处理后的代码位置,无法定位到开发环境中的代码,对于开发不好调式,因此sourceMap出现了,它就是为了解决不好调式代码问题的。官网devtoolhttp
CodeMT
·
2024-01-29 01:58
Vite学习指南
想要学习前端工程化,在新项目中投入使用Vite构建工具的朋友
Webpack
转战到Vite的小伙伴前端架构师们,可以充实自己的工具箱当然如果你没有项目相关开发经验,也可以从本课程中受益,让你开阔眼界,将你学到的前端知识融会贯通
秋の本名
·
2024-01-29 00:17
状态模式
关于VueJs 等使用
webpack
工具的前端框架使用 WebWorker
WebWorker具体API指南参考:https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Functions_and_classes_available_to_workers详细介绍了webworker支持的JSAPI。VueJs中使用webWorker有大神已经封装了Vue-Worker,具体可参看。我们要用原生的。步
古川耕夫
·
2024-01-28 23:41
Webpack
初识
Webpack
究竟是什么对于刚接触
Webpack
的人来说,
Webpack
给人的第一感官就是一个js翻译器,把一些浏览器不能识别的代码翻译成可识别的,但是这样的理解是不准确的或者说错误的。
风间灵佑
·
2024-01-28 22:37
snowpack和vite:no
Webpack
,无bundle的代表
no
Webpack
的代表:snowpack和vite"no
Webpack
",无bundle的代表:snowpack和vite背景snowpack支持情况上手使用安装初始化新项目旧项目迁移配置开发调试生产打包基本原理
Micheal_Wayne
·
2024-01-28 20:23
前端
js
webpack
vue.js
javascript
webpack
前端
node.js
vite(一)——基本了解和依赖预构建
二、经典面试题:
webpack
和vite的区别1.编译方式不同2.基础概念不同3.开发效率不同4.扩展性不同5.应用场景不同6.总结(vite会取代
webpack
吗?)
前端张三
·
2024-01-28 20:14
vite
webpack
vue学习阶段心态历程
基础知识看完后,后面讲到
webpack
,emm,报错,报错,报错。蒙了。最后发现那竟
王祉凯_家族二期
·
2024-01-28 17:06
vue项目启动不了,报错You may use special comments to disable some warnings.
vue-cli脚手架关闭eslint的步骤:1.打开build文件夹下面的
webpack
.base.conf.js;2.找到下面这段代码,并将它注释掉:constcreateLintingRule=()
木木化燕
·
2024-01-28 15:08
浏览器——HTTP缓存机制与
webpack
打包优化
文章目录概要强缓存定义开启关闭强缓存协商缓存工作机制通过Last-Modified+If-Modified-Since通过ETag+If-None-Match不使用缓存前端利用缓存机制,修改打包方案
webpack
爱喝酸奶的一旬
·
2024-01-28 11:29
前端实战
http
缓存
webpack
PNPM 安装与使用
NPM命令PNPM命令npminstallpnpminstallnpmiaxiospnpmaddaxiosnpmi
webpack
-Dpnpmadd
webpack
-Dnpmrundevpnpmdevpnpm
2301_76866366
·
2024-01-28 08:14
前端
vue-cli脚手架
1.安装vue-cli的前提是你已经安装了npm,输入npm-v查看版本2.用npm命令安装vue-clinpminstallvue-cli-g(只需安装一次)3.初始化项目vueinit
webpack
project1
undefind33
·
2024-01-28 08:05
无星的前端之旅(十五)——babel初探
但是一直我都不知道怎么去操纵它,只知道需要一堆配置,配合
webpack
可以做这件事(甚至我一度认为必须使用
webpack
才能做这件事)。
无星灬
·
2024-01-28 05:47
Vue.js 3.0 学习笔记(十四)使用ElementPlus按需自动导入
前言IDEAvuecli5.0vue3element-plusvue里面的vue.config.js相当于
webpack
.config.js,在vue项目中可直接通过修改vue.config.js修改
webpack
.config.js
奥妙无穹
·
2024-01-28 05:29
#vue3
vue.js
elementplus
vue中图片不显示问题 - vue中静态资源加载
文章目录vue中图片不显示问题静态资源URL转换规则
webpack
静态资源处理图片不显示问题问题描述解决办法1:使用require引入requireisnotdefined解决办法2:使用import引入解决办法
nuise_
·
2024-01-28 05:54
踩坑记录
Vue/React
vue.js
前端
javascript
上一页
6
7
8
9
10
11
12
13
下一页
按字母分类:
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
其他