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.为什么要压缩和合并减少http请求数量减少请求资源大小2.HTML压缩使用在线工具进行压缩使用html-minifier等npm工具3.CSS压缩使用在线工具压缩使用clean-css等npm工具
webpack
一代码农1970
·
2023-09-25 22:20
Webpack 从0到1构建 Vue3
创建项目可以直接用cli构建,命令行敲几下就完成了,但是为了加深对webpack的理解,方便以后能够灵活运用webpack,还是有必要学习下如何手写
webpack配置
初始化目录结构//生成tsconfig.json
Bouc
·
2023-09-25 12:04
使用webpack引入vue文件
这个错误说明的就是无法解析引入的vue文件,这时候就是看是否添加了解析vue文件的webpackloader,如果引入了vue-loader之后还是报错,那么可能是webpack的配置文件写错了,注意检查
webpack
放风筝的小小马
·
2023-09-25 01:01
webpack插件
https://doc.webpack-china.org/plugins/使用插件的方法要使用某个插件,我们需要通过npm安装它,然后要做的就是在
webpack配置
中的plugins关键字部分添加该插件的一个实例
Mr无愧于心
·
2023-09-24 00:39
webpack配置
踩坑
搜索下载指定版本node,一大片建议用node的版本管理工具,n模板。image.pngn模板不支持window!!!所以找到了可以支持window的版本管理工具,nvm1.nvm安装下载地址:https://github.com/coreybutler/nvm-windows/releases/download/1.1.7/nvm-setup.zip2.nvm使用image.pngimage.p
63537b720fdb
·
2023-09-23 10:37
webpack配置
alias后eslint和ts无法识别
背景我们在
webpack配置
alias后,发现项目中引入的时候,还是会报错,如下:可以看到,有一个是ts报错,还有一个是eslint报错。
Lvan的前端笔记
·
2023-09-22 12:24
#
前端工程化
webpack
前端
node.js
Vue2.0+ElementUI后台管理系统项目
运行界面如下:登录页首页用户管理菜单管理平台属性管理sku管理spu管理文件夹结构build----index.js是
webpack配置
文件【很少修改这个文件】mock----mock数据的文件夹【模拟一些假的数据
叽里呱啦_711
·
2023-09-22 07:26
vue
java
vue.js
前端
javascript
elementui
Karma+mocha+es6+
webpack配置
自动化前端环境
安装依赖1全局安装karma-cli2安装webpack2/33安装karma,karma-mocha,karma-chai,karma-chrome-launcher,mocha,chai4安装karma-webpack,babel-core,babel-preset-dev,babel-loader,babel-plugin-istanbul配置karmainit初始化配置文件根据配置文件做相
HiFi不二
·
2023-09-22 06:19
新建react如何支持less文件
react的项目;npxcreate-react-appmy-appcdmy-app2、安装我们需要的less和less-roadernpminstalllessless-roader3、暴露出我们的
webpack
小太阳可可
·
2023-09-22 02:09
webpack配置
(一)常用基本概念
chunk:指代码块,一个chunk可能由多个模块组合而成,也用于代码合并与分割。bundle:资源经过Webpack流程解析编译后最终结输出的成果文件。entry:顾名思义,就是入口起点,用来告诉webpack用哪个文件作为构建依赖图的起点。webpack会根据entry递归的去寻找依赖,每个依赖都将被它处理,最后输出到打包成果中。output:output配置描述了webpack打包的输出配置
小邓_524c
·
2023-09-22 01:04
前端工程化小记
还是修改
webpack配置
?还是修
冲浪中台
·
2023-09-21 21:54
前端
git
代码规范
Vue 工程代码阅读小技巧
幸好大多数vue项目的结构都差不多,命名方式也好阅读:├──vue.config.js/#
webpack配置
文件
悟大师
·
2023-09-21 12:38
vue.js
webpack
javascript
Webpack配置
entry修改入口文件或打包多个文件
当我们使用Webpack进行文件打包时,默认打包的文件是src文件下的index.js文件一、修改Webpack打包入口如果我们想要在其他文件下打包指定的js文件就需要在webpack.config.js文件中进行entry配置二、将指定的多个文件打包为一个文件现在有两个文件,a.js输出a,b.js输出b,现在要在webpack.config.js中配置使这两个文件都打包到一个文件当中。三、将指
林涧泣
·
2023-09-19 07:27
Webpack
webpack
前端
node.js
webpack配置
---实现某文件夹下的文件不打包
一、使用场景在项目中有时候需要保留一些文件不被编译压缩,比如一些配置文件,我们需要在打包后仍然可以更改配置文件并生效。这时候我们可以通过webpack的插件copy-webpack-plugin,保留某一文件夹下的的所有文件。二、使用方式1.安装插件cnpminstall--save-devcopy-webpack-plugin2.在项目下新建一个文件夹用于存储不想被编译的文件,如‘static’
羡与
·
2023-09-18 23:03
前端
前端
webpack
打包
webpack 环境变量(18)
获取全套webpack4.x教程,请访问瓦力博客小菜之前在
webpack配置
中区分开发环境和生产环境,但是在源代码中还不能区分当前是开发环境还是生产环境。
瓦力博客
·
2023-09-18 21:15
webpack高手秘籍(六)
前言前面我们写了几篇文章用来介绍webpack源码,跟着官网结合demo把整个
webpack配置
撸了一遍:webpack源码解析一webpack源码解析二(html-webpack-plugin插件)webpack
vv_小虫虫
·
2023-09-16 16:59
webpack 基础配置
webpack配置
loader配置plugin配置sourceMap配置babel语法降级等接下来,我们先从webpack的基本配置开始吧!
大莲芒
·
2023-09-15 05:27
webpack
前端
node.js
如何搭建一个react项目(详细介绍)
搭建一个React项目1,创建项目目录2,初始化项目3,安装React和ReactDOM4,安装Babel5,创建项目文件6,配置Babel7,创建React组件8,创建HTML文件9,创建
Webpack
LBOcean
·
2023-09-14 12:25
React
react.js
前端
前端框架
开发语言
vue cli npm run build打生产环境包报错Cannot read property ‘pop‘ of undefined
问题出在
webpack配置
的代码拆分splitChunks解决办法:每个cacheGroups中配置enforce:true;
jieyucx
·
2023-09-14 06:40
菜鸟的踩坑之旅
vue.js
npm
前端
前端开发小问题总结
React项目由于我是自己使用
webpack配置
的项目,然后出现了这个报错TS2786:‘ConfigProvider’cannotbeusedasaJSXcomponent.这里主要是cannotbeusedasaJSXcomponent
程序员超超
·
2023-09-13 11:28
web开发遇到的问题
javascript
【bug记录】Vue项目执行报错处理:You may need an appropriate loader to handle this file type.
查看后发现
webpack配置
中少了对less文件的解析,vux需要less-loader,在webpack打包中要把less配置解决方法://1、找到webpack.base.conf.js文件,删除最后的
齐旗
·
2023-09-13 01:56
前端
前端
webpack
vue.js
bug
使用 Webpack 从 0 到 1 构建 Vue3 项目 + ts
webpack.config.js3.1设置入口文件及出口文件3.2指定html模板位置4.配置运行/打包命令,首次打包项目5.添加Vue及相关配置5.1安装并引入vue5.2补充vue声明文件5.3增加vue相关
webpack
筱闯~
·
2023-09-12 09:33
webpack
前端
node.js
webpack打包vue项目,打包成功,el-table没有渲染出来bug
项目,打包成功,el-table没有渲染出来bug今日份大坑,气死我了,vue项目打包之后的el-table居然渲染不出来今日份大坑,气死我了,vue项目打包之后的el-table居然渲染不出来本人的
webpack
记忆?格式化!
·
2023-09-11 17:53
前端
webpack
elementui
vue.js
bug
# Vue 组件开发打包、Vue 项目打包、js库组件库打包使用
npmrunbuild打包成功标志webpack中mainifest.jsvendor.jsapp.js三者的区别Webpack打包工具webpack使用前提安装webpackwebpack使用基本使用
webpack
全栈程序员
·
2023-09-11 05:25
Vue
vue
webpack
vue
lib
vue
组件开发
vue
库开发
webpack 配置 alias
webpack配置
alias后很方便,有时有我们项目比较大,比较复杂的时候尤为重要constpath=require('path');constresolvePath=relativePath=>path.resolve
百里登风
·
2023-09-09 15:05
工具
Webpack的基本使用
Webpack进阶Webpack的性能优化
Webpack配置
详解Webpack基础webpack的五个核心概念EntryOutputLoaderPluginsMode安装webpackclinpmiwebpackwebpack-cli-D-D
GHkmmm
·
2023-09-08 05:21
Webpack
webpack
前端
js
javascript
css
前端代理报错Error occured while trying to proxy to: localhost:端口
webpack配置
进行前端代理时,报错信息如下:(DEPTH_ZERO_SELF_SIGNED_CERT)需设置:secure为false即可解决此报错//
webpack配置
前端代理config["/test
今天不要写bug
·
2023-09-07 09:47
webpack
webpack
React 踩坑日记 --0-- 环境篇
详情,百度一下,你就知道):P)高版本可以直接配好path,home2.用create-react-appinit项目3.建议npmruneject,玩一下
webpack配置
(我玩的不好)4.
秋意亦夕
·
2023-09-07 04:41
vue项目,代码部署之后,如何解决浏览器存在缓存问题
头部添加如下代码:2.在vue.config.js中添加如下代码:constTimestamp=newDate().getTime();module.exports={configureWebpack:{//
webpack
汉武大帝·
·
2023-09-06 13:38
vue.js
缓存
javascript
webpack正式、测试环境接口地址本地运行及打包命令配置
原创,转载请注明出处:《webpack正式、测试环境接口地址本地运行及打包命令配置》https://www.w3h5.com/post/521.html为了方便开发,节省接口地址修改维护时间,可以通过
webpack
Deshun
·
2023-09-05 02:56
【vue2第八章】工程化开发和使用脚手架和文件结构
vuecli是什么:vuecli是一个vue官方提供的一个全局的命令工具.可以帮助我们快速的创建一个开发vue项目的标准化基础架子【集成了
webpack配置
】好处:开箱即用,0配置。
一个大不溜w
·
2023-09-02 20:07
vue
vue.js
前端
javascript
html
开发语言
vue.config.js
webpack配置
px2rem-loader自适应处理
法一:
webpack配置
config.module.rule('svg').exclude.add(resolve('src/icons')).end()config.module.rule('icons
一只鱼_d589
·
2023-09-02 17:34
【腾讯云 Cloud Studio 实战训练营】用于编写、运行和调试代码的云 IDE泰裤辣
CloudStudio优点和功能四、CloudStudio初体验(注册篇)五、CloudStudio实战演练(实战篇)1.初始化工作空间2.安装antd-mobile3.安装less和less-loader4.暴露
webpack
xybDIY
·
2023-09-02 17:43
腾讯云
ide
云计算
webpack配置
demo下载地址:demo1webpack初识-安装开发依赖webpackwebpack-cli-打包npxwebpack-支持模块化-打包模式modedemo2webpack打包含依赖的文件demo3
webpack
夏日里的小丸子
·
2023-09-01 18:45
vue-cli3.x + vux 环境配置
根据官方文档,根目录下新建vue.config.js,可修改相关
webpack配置
npminstallvux--savenpminstallvux-loader--save-dev安装成功后//vue.config.js
async_lee
·
2023-09-01 05:10
webpack基本配置
其实最终安装的结果都是一样的,只是安装的方式不一样1.安装webpacknpmiwebpack-g全局安装webpack//在项目根目录中运行npmiwebpack--save-dev安装到项目依赖中1.
webpack
诺克斯1
·
2023-08-31 19:07
webpack loader和plugins的区别
例如,当您在
Webpack配置
中使用BabelLoader时,它会将ES6+的JavaScript代码转换为ES5代码,以便在旧版浏览器中运行。Loader可以在
Webpack配置
中通过mod
@阿猫阿狗~
·
2023-08-31 00:07
前端
Vue+Cesium创建项目并加载地图全过程
ESLine8.选择预设的ESLine规则9.设置单元测试10.设置e2e11.选择安装方式12.项目创建及依赖自动安装13.运行项目14.停止项目二.cesium安装配置1.安装Cesium环境2.
Webpack
向着太阳往前冲
·
2023-08-30 10:18
webgis
Vue
Cesium
javascript
cesium
vue.js
node.js
webgis
Webpack(十三):webpack4+vue搭建环境
从上面一系列的
webpack配置
的学习,我们现在来使用webpack来搭建vue的开发环境。
CodeMT
·
2023-08-29 22:45
webpack5学习笔记-3 打包优化的操作
一、打包环境区分优化根据打包环境,写三个
webpack配置
文件webpack.comm.js,webpack.dev.js,webpcak.prod.js,然后通过webpack-merge包来进行合并把公共的配置放在
Marst_0803
·
2023-08-29 18:09
webpack
webpack5 基本概念 —— 插件(plugin)
Webpack自身也是构建于在
webpack配置
中用到的相同的插件系统之上!插件目的在于解决loader无法实现的其他事。
*且听风吟
·
2023-08-29 18:07
webpack
webpack
Next.js 学习
当使用React开发时,常常需要配置很多繁琐的参数,如
Webpack配置
、Router配置和服务器配置等。
zhulichao
·
2023-08-29 05:05
02-04.使用Webpack配置文件
使用
Webpack配置
文件使用npxwebpackindex.js对文件进行打包的时候,是使用的webpack的默认配置,对项目的入口文件进行打包。
v刺猬v
·
2023-08-28 23:56
react-antd的按需加载
create-react-appdemo创建demo脚手架npmrunejectreact的
webpack配置
默认不可显,该命令可显示confignpmibabel-plugin-import--save-dev
开着五菱宏光的小白
·
2023-08-27 15:43
读 VuePress(二):使用 Webpack-chain 链式生成 webpack 配置
前言vuepress有三套
webpack配置
:基础配置、dev配置、build配置,看似和普通的一个前端项目也没什么差别,但它使用webpack-chain生成配置而不是传统的写死配置。
云峰yf
·
2023-08-27 09:53
vue.config中configureWebpack 与 chainWebpack
configureWebpack和chainWebpack的作用相同,唯一的区别就是它们修改
webpack配置
的方式不同:configureWebpack通过操作对象的形式,来修改默认的
webpack配置
Michael113c
·
2023-08-27 05:09
webpack打包最强优化
项目开始时
webpack配置
vue-cli3以后,我们修改
webpack配置
,需要自己在项目根路径下创建vue.config.js文件。
xingyunwei1
·
2023-08-26 20:48
vue.js
webpack
javascript
第二十章 webpack5项目搭建Vue-Cli(配置优化)
Element-plus的按需加载1、安装依赖npmielement-plus//自动导入需要的依赖npminstall-Dunplugin-vue-componentsunplugin-auto-import2、
webpack
天界程序员
·
2023-08-26 20:47
Webpack5
vue.js
javascript
前端
webpack5
vue-cli
WebPack配置
项目热模块功能踩坑!!!
原因本人准备给项目添加一个webpack工具包下的热模块功能替换的轻量服务器webpa-dev-server就警告提示如下去网上查看提醒说此警告的原由:自己按照他这个方法修改还是报错如下:然后发现自己又踩一个坑把标记删除即可正常运行项目也就实现实时更新
叠底菜鸡
·
2023-08-26 12:24
WebPack打包工具
webpack
前端
node.js
说说webpack中代码分割如何实现?
/module1').then(module1=>{//使用module1});2.使用optimization.splitChunks配置选项:通过在
webpack配置
文件中的optimizati
Mr.BoBo.
·
2023-08-25 19:20
前端
#
JavaScript
webpack
前端
node.js
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
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
其他