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
vue 项目兼容 IE 浏览器
前言:网上找了很多关于vue项目兼容IE浏览器的教程步骤,写的非常详细,但根据我自己的项目,怎么找都没有找到
webpack
.base.conf.js这个文件,就没办法配置因为vue-cli最新版本原因,
小童姥
·
2024-01-21 03:49
vue.js
javascript
前端
webpack
打包##使用
webpack
进行工程化开发1.需要在本地先全局安装
webpack
工具window+Rcmdnpminstall
webpack
@4-gnpminstall
webpack
-cli@3-g删除npmremove
webpack
-g
野鸽儿
·
2024-01-21 02:32
Webpack
5入门到原理25:总结
我们从4个角度对
webpack
和代码进行了优化:提升开发体验使用SourceMap让开发或上线时代码报错能有更加准确的错误提示。
duansamve
·
2024-01-21 01:42
webpack
webpack
Webpack
5入门到原理23:减少代码体积
怎么用
Webpack
已经默认开启了这个功能,无需其他
duansamve
·
2024-01-21 01:41
webpack
webpack
Webpack
5入门到原理24:优化代码运行性能
优化代码运行性能CodeSplit为什么打包代码时会将所有js文件打包到一个文件中,体积太大了。我们如果只要渲染首页,就应该只加载首页的js文件,其他文件不应该加载。所以我们需要将打包生成的文件进行代码分割,生成多个js文件,渲染哪个页面就只加载某个js文件,这样加载的资源就少,速度就更快。是什么代码分割(CodeSplit)主要做了两件事:分割文件:将打包生成的文件进行分割,生成多个js文件。按
duansamve
·
2024-01-21 01:11
webpack
webpack
Webpack
5入门到原理22:提升打包构建速度
HotModuleReplacement为什么开发时我们修改了其中一个模块代码,
Webpack
默认会将所有模块全部重新打包编译,速度很慢。
duansamve
·
2024-01-21 01:11
webpack
webpack
html
Webpack
Plugin.options.title
vue项目中当你去index.html配置标题名,看见以下这些,可用下面去修改vue-cli3脚手架的项目下,在根目录的vue.config.js中添加如下代码chain
Webpack
:config=&
白小码
·
2024-01-21 01:15
前端知识
vue2.0学习笔记
javascript
前端
工作中,配置多个跨域端口
.正常来说,工作中,一个前端工作中,只需要配置一个跨域请求就好了,在
webpack
的devServer.proxy代理中配置一下就行,以后就不需要改动了,但是,你遇到过在一个项目中前端需要访问好多端口号发送请求的时候嘛
Cool_so_cool
·
2024-01-21 00:12
Node.js
node.js
【记账本实战】01 使用 Vite 创建一个 Vue 项目
使用Vite创建一个Vue项目三种创建Vue项目的方式创建Vue项目的有以下三种方式:Vue-CliVite
Webpack
VueCLI现已处于维护模式!
凌云(mlinyun)
·
2024-01-21 00:35
人人都能做的
Vue
3
记账本实战
vue.js
前端
javascript
前端框架
vue异步组件和路由懒加载
路由的懒加载就是结合了异步组件技术和
webpack
代码分割功能从而达到了优化项目的目的。为什么:随着项目越来越大,性能问题成为了困扰业务发展的重要因素。
赵Wayne
·
2024-01-20 21:23
vue路由使用步骤
目录一、路由使用步骤二、如何注册路由三、关于魔法注释
webpack
ChunkName一、路由使用步骤1.导入路由2.使用路由3.创建路由规则数组(即定义路由配置)4.实例化路由5.导出路由对象6.在main.js
会隐身的小圆子
·
2024-01-20 14:42
vue观察日记
前端
vue
解决electron-vue+element报错$attrs is readonly和$listeners is readonly问题
插件一直报错的问题,1、首先我是使用el-time-picker组件出现了各种警告和样式问题,根据晚上说的降低版本匹配版本之后还是不行,各种版本都尝试了一遍,还是会出现下面这些问题:终于最后在这里得到了解决在
webpack
.renderer.config.js
竹立荷塘
·
2024-01-20 14:41
electron
vue.js
electron
前端
Electron-vue出现GET http://localhost:9080/__
webpack
_hmr net::ERR_ABORTED解决方案
GEThttp://localhost:9080/__
webpack
_hmrnet::ERR_ABORTED解决方案使用版本以下是我解决此问题时使用的electron和vue等的一些版本信息【附】经过测试
竹立荷塘
·
2024-01-20 14:11
前端
electron
vue.js
webpack
electron-vue设置的环境变量如何在打包后能正常读取到
如果你需要在打包的应用中使用某些配置,你可以考虑使用
webpack
的DefinePlugin插件。这个插件可以让你创建在编译时可以配置的全局常量。
竹立荷塘
·
2024-01-20 14:41
electron
electron
vue.js
前端
手写Vue2源码
手写Vue2使用rollup搭建开发环境使用rollup打包第三方库会比
webpack
更轻量,速度更快首先安装依赖npminit-ynpminstallrolluprollup-plugin-babel
szx的开发笔记
·
2024-01-20 13:13
vue
前端
vue-cli工具-安装&基本使用
一个运行时依赖(@vue/cli-service),该依赖:①可升级;②基于
webpack
构建,并带有合理的默认配置;③可以通过项目内的配置文件进行配置;④可以通过插件进行扩展。一个丰
韩歆歆
·
2024-01-20 11:16
webpack
+vue+
webpack
-dev-server配置
*搭建前端工程1、初始化项目npminit2、npmi
webpack
vuevue-loader3、按照提示安装对应的插件4、创建
webpack
.config.jscinstpath=require('path
Rain_Wuu
·
2024-01-20 10:34
vue—电商后台项目
1.Vue项目碰到"‘
webpack
-dev-server’不是内部或外部命令,也不是可运行的程序或批处理文件"报错将项目里的“node_modules”文件夹删除,然后在cmd中cd到项目目录,依次运行命令
盖子pp
·
2024-01-20 10:41
webpack
.config.js配置文件报错:The ‘mode‘ option has not been set
报错WARNINGinconfigurationThe'mode'optionhasnotbeenset,
webpack
willfallbackto'production'forthisvalue.Set'mode'optionto'development'or'production'toenabledefaultsforeachenvironment.Youcanalsosetitto'none
大可-
·
2024-01-20 09:55
webpack
javascript
前端
项目上线存在的缓存问题以及存在的debugger和console.log等问题
下载uglifyjs-
webpack
-plugin插件在vue.config文件中进行配置publicPath:process.env.NODE_ENV==='production'?'.
^^为欢几何^^
·
2024-01-20 09:35
前端
缓存
vue.js
vue打包项目及Failed to load resource: net::ERR_FILE_NOT_FOUND问题的解决
运行命令npmrunbuild:image.png打开里面的index.html会报错:image解决方案:1.在build文件里面找到
webpack
.prod.config.js在output里面添加
百不理
·
2024-01-20 08:47
【react】创建react项目+项目结构
使用create-react-app快速搭建开发环境create-react-app是一个快速创建React开发环境的工具,底层由
Webpack
构建,封装了配置细节npxcreate-react-appreact_hm
春晓_春眠花落
·
2024-01-20 07:31
React
react.js
前端
前端框架
webpack
3.x使用
1、安装:npminstall
webpack
@3.0.0-g2、执行命令:
webpack
show.jsbundle.js举例:一、js文件打包:str.js/*varweather={str:"后天是什么天气
duansamve
·
2024-01-20 07:57
webpack
webpack
Webpack
5入门到原理2:基本使用
Webpack
是一个静态资源打包工具。它会以一个或多个文件作为打包的入口,将我们整个项目所有文件编译组合成一个或多个文件输出出去。输出的文件就是编译好的文件,就可以在浏览器段运行了。
duansamve
·
2024-01-20 07:57
webpack
webpack
Webpack
5入门到原理3:基本配置
在开始使用
Webpack
之前,我们需要对
Webpack
的配置有一定的认识。
duansamve
·
2024-01-20 07:57
webpack
webpack
Webpack
5入门到原理5:处理样式资源
处理样式资源我们学习使用
Webpack
如何处理Css、Less、Sass、Scss、Styl样式资源介绍
Webpack
本身是不能识别样式资源的,所以我们需要借助Loader来帮助
Webpack
解析样式资源我们找
duansamve
·
2024-01-20 07:57
webpack
webpack
不借助脚手架使用
webpack
4从0开始搭建一个完整vue开发环境
目录一、安装
webpack
和
webpack
-cli二、指令方式运行三、配置文件方式运行四、less-loader解析less五、一般es6语法转换六、JS兼容性处理(包括ie)七、使用url-loader
duansamve
·
2024-01-20 07:56
webpack
webpack
Webpack
5入门到原理1:前言
GruntGulpParcel
Webpack
RollupVite.
duansamve
·
2024-01-20 07:56
webpack
webpack
React:使用css样式表美化组件及开启css模块化
1、安装style.loader和css.loader:cnpmistyle-loadercss-loader-D2、在
webpack
中配置cssloader:{test:/\.css$/,use:["
duansamve
·
2024-01-20 07:26
React
webpack
配置
webpack
设置根目录
webpack
.config.js中resolve配置项添加alias:resolve:{extensions:[".js",".jsx",".json"],alias:{"@":path.join(_
duansamve
·
2024-01-20 07:56
webpack
React:使用第三方css框架步骤(以bootstrap为例)
1、安装
[email protected]
、安装处理字体的loader:cnpmiurl-loaderfile-loader-D3、
webpack
.config.js
duansamve
·
2024-01-20 07:56
webpack
React
webpack
4:基本使用
webpack
是基于Node构建,所以wepack支持所有NodeAPI和语法。即:Chrome浏览器能支持的ECMAScript语法(排除DOM、BOM),wbpack都能支持。
duansamve
·
2024-01-20 07:55
webpack
webpack4
webpack
4:在内存中生成首页之html-
webpack
-plugin插件
1、安装:cnpmihtml-
webpack
-plugin-D2、
webpack
.config.js中配置plugins属性:constpath=require("path")consthtml
Webpack
Plugin
duansamve
·
2024-01-20 07:55
webpack
webpack
本质上,
webpack
是一个用于现代js应用的静态模块打包工具。
小全upup
·
2024-01-20 07:24
笔记
webpack
前端
node.js
Webpack
5入门到原理11:处理 js 资源
有人可能会问,js资源
Webpack
不能已经处理了吗,为什么我们还要处理呢?
duansamve
·
2024-01-20 07:53
webpack
webpack
自己配置react项目
webpack
.dev.jsconstpath=require('path');constHtml
Webpack
Plugin=require('html-
webpack
-plugin');constMiniCssExtractPlugin
Miss Stone
·
2024-01-20 07:15
react.js
前端
webpack
自己配置vue项目
webpack
.dev.jsconstpath=require('path');constHtml
Webpack
Plugin=require('html-
webpack
-plugin');const{VueLoaderPlugin
Miss Stone
·
2024-01-20 07:38
vue.js
前端
javascript
webpack
5-12
webpack
性能优化(3)
7.多进程打包
webpack
本身是单线程打包,将其扩展为多进程模式,可以分利用多核的优势。
love丁酥酥
·
2024-01-20 06:37
Webpack
5入门到原理9:处理字体图标资源
1.下载字体图标文件打开阿里巴巴矢量图标库选择想要的图标添加到购物车,统一下载到本地2.添加字体图标资源src/fonts/iconfont.ttfsrc/fonts/iconfont.woffsrc/fonts/iconfont.woff2src/css/iconfont.css/注意字体文件路径需要修改src/main.jsimport{add}from"./math";importcount
duansamve
·
2024-01-20 03:03
webpack
webpack
关于vite,面试官们都问些什么?从初级到高级一镜到底
A:Vite是一个基于ES模块的前端构建工具,与传统的构建工具(如
Webpack
)不同,Vite在开发模式下使用原生ES模块化。
秋名山大前端
·
2024-01-20 02:02
前端
javascript
vue.js
前端框架
react.js
webpack
打包后引用cdn的js_
webpack
入门
内容提纲:electron-vue项目中的
webpack
工程实例思考
webpack
与gulp/gruntHMRelectron-vue项目中的
webpack
工程实例从electron-vue项目中的实际使用例子来入手如下是
weixin_39662263
·
2024-01-20 02:56
常见的
Webpack
面试题及答案
Webpack
是目前比较物流的前端构建工具,它基于入口,用不同的Loader来处理不同的文件。我们来看一下常见的
Webpack
面试题及答案吧,希望对你有帮助。
秋の本名
·
2024-01-20 01:47
webpack
前端
node.js
Webpack
5入门到原理12:处理 Html 资源
1.下载包npmihtml-
webpack
-plugin-D2.配置
webpack
.config.jsconstpath=require("path");constESLint
Webpack
Plugin
duansamve
·
2024-01-20 01:46
webpack
webpack
Webpack
5入门到原理13:开发服务器&自动化
每次写完代码都需要手动输入指令才能编译代码,太麻烦了,我们希望一切自动化1.下载包npmi
webpack
-dev-server-D2.配置
webpack
.config.jsconstpath=require
duansamve
·
2024-01-20 01:46
webpack
webpack
Webpack
5入门到原理14:生产模式介绍
优化主要从两个角度出发:优化代码运行性能优化代码打包速度生产模式准备我们分别准备两个配置文件来放不同的配置1.文件目录├──
webpack
-test(项目根目录)├──config(
Webpack
配置文件目录
duansamve
·
2024-01-20 01:46
webpack
webpack
Webpack
5入门到原理7:修改输出资源的名称和路径
1.配置constpath=require("path");module.exports={ entry:"./src/main.js", output:{ path:path.resolve(__dirname,"dist"), filename:"static/js/main.js",//将js文件输出到static/js目录中 }, module:{ rules:[ { //
duansamve
·
2024-01-20 01:44
webpack
webpack
2023 年顶级
前端工具
谁不喜欢一个好的
前端工具
?在本综述中,您将找到去年流行的有用的
前端工具
,它们将帮助您加快开发工作流程。让我们深入了解一下!
独立开发者张张
·
2024-01-20 00:18
大前端技术
前端
javascript
前端框架
vue项目编译非常慢,经常卡在某个百分点
babel.config.js文件中加入下方配置3、将import导入方式改为require导入方式,返回promise4、如果动态加载组件import引入组件找不到组件(Error:Cannotfindmodule)使用
webpack
Tongfront
·
2024-01-19 23:47
vue.js
前端
js
前端框架
vue
第九节:
Webpack
配置Vue
1.在
webpack
中使用vue1.1
webpack
中使用vue说明在index.html中定义挂在点在入口js文件中引入vue,并实例化注意在
webpack
中配置别名,默认使用的是runtime-only
时光如剑
·
2024-01-19 23:05
详解Vite创建Vue3项目+vue-router+ts+vite+element-plus
前言在之前的文章中写过“Vue3+TS+ElementPlus的安装和使用教程【详细讲解】”,但那篇文章写的是创建vue3的项目没有使用到Vite构建工具进行创建还是使用的常规
webpack
et构建工具进行创建的
SwJieJie
·
2024-01-19 21:24
vue.js
前端
vite
vue3
上一页
10
11
12
13
14
15
16
17
下一页
按字母分类:
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
其他