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
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
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
vue前端面试题
1.vue与react的选择React是库Vue是一个完整得框架都能快速运行,都是轻量级前端框架都有一个组件式系统架构都使用virtualDOM都可以放进一个HTML文件中或成为更复杂的
Webpack
设置模块都有独立但通用的路由器和状态管理库
逸尘
·
2024-01-19 15:26
前端
javascript
开发语言
CSS Module
CSSModules不是官方规范或浏览器中的实现,而是构建步骤中的一个过程(在
Webpack
或Browserify的帮助下),它改变了类名和选择器的作用域(即有点像命名空间)。
小李科技
·
2024-01-19 14:53
#
S2.前端组件化
css
前端
前端框架
深信服前端一面面经
举例说明
webpack
原理post和get浏览器为什么要限制get参数的长度bootstrap与同期其他框架有什么优势get和post性能有区别吗项目遇到最难的问题闭包以及优缺点promise的三种状态为什么引入
前端碎碎念
·
2024-01-19 14:20
面试
深信服前端一面
【JS逆向学习】36kr登陆逆向案例(
webpack
)
在开始讲解实际案例之前,大家先了解下
webpack
的相关知识
WebPack
打包
webpack
是一个基于模块化的打包(构建)工具,它把一切都视作模块
webpack
数组形式,通过下标取值!
诗雅颂
·
2024-01-19 11:21
javascript
学习
webpack
逆向
36
node
webpack
面试题学习
说说你对
webpack
的理解?解决了什么问题?说说
webpack
的构建流程?说说
webpack
中常见的Loader?解决了什么问题?说说
webpack
中常见的Plugin?解决了什么问题?
小白探索世界欧耶!~
·
2024-01-19 11:50
webpack
webpack
学习
前端
笔记
性能优化
经验分享
总结
webpack
/vue-cli构建速度和打包体积优化
编译分析插件
webpack
-bundle-analyzer
webpack
-bundle-analyzer可以生成代码分析报告,可以直观地分析打包出的文件有哪些,及它们的大小、占比情况、各文件Gzipped
岳哥i
·
2024-01-19 11:20
webpack
vue.js
前端
vue打包-合并chunk
vue.config.jsconst
webpack
=require("
webpack
");module.exports={configure
Webpack
:{plugins:[new
webpack
.optimize.MinChunkSizePlugin
ygkyufcl
·
2024-01-19 10:26
Vue
vue
vue 如何合并两个 项目_Vue 项目中使用
webpack
将多个组件合并打包并实现按需加载...
使用Vue开发项目时,如果要使用其单文件组件特性,必然要使用
webpack
或者Browserify进行打包,对于大型应用,为了提升加载速度,可以使用
webpack
的codesplitting功能进行分割打包
weixin_39773239
·
2024-01-19 10:20
vue
如何合并两个
项目
vue 不生效 打包 样式_解决在vue项目中
webpack
打包后字体不生效的问题
最近在项目开发过程中遇到如下问题:开发环境中设置的字体样式使用
webpack
打包后到生产环境不生效。
丞高
·
2024-01-19 10:50
vue
不生效
打包
样式
前端构建工具对比
webpack
、vite、esbuild等
人类和动物最大的区别是会使用工具,工具的作用就是提升我们的生产效率,同样,随着前端工程化的演进,伴随着一些优秀的工程化的生产效率工具,今天就来聊一聊,前端工程中的构建工具。前端构建工具按照功能可以分为如下两大类:转译-将高级语法转换为低级的语法结构,把浏览器不能识别的文件,转换成浏览器能识别的文件;打包-将项目中的更重资源文件(如html,css,json等文件)打包压缩优化成想要的结果。打包工具
爱问的艾文
·
2024-01-19 09:27
前端
webpack
node.js
【React】脚手架创建项目
文章目录创建React项目目录结构分析了解PWA脚手架中的
webpack
创建React项目◼创建React项目的命令如下:注意:项目名称不能包含大写字母另外还有更多创建项目的方式,可以参考GitHub
顽皮宝
·
2024-01-19 07:29
react
react.js
javascript
前端
webpack
学习笔记
文章目录
webpack
原理及概念基础使用核心概念核心配置项
webpack
.config.js
webpack
打包html资源压缩JS和HTML代码
webpack
打包CSS资源提取CSS为单独文件处理CSS
bfbshs_ddd
·
2024-01-19 07:04
前端学习
webpack
学习
笔记
前端
打包工具
vue初体验(一)
npminstall-gvue-cli全局安装vueinit
webpack
project-name创建一个vue项目cdproje
winterzy
·
2024-01-19 06:27
糖果色的瑞士甜菜,你种了吗?
你有没有发现,仅仅种些
小白菜
,或是叶菜,漫长等待后,长出来的菜还不够炒一盘。也就是为什么小的阳台种菜讲究的是好看和食用,少而美!能够为平日的三餐增加不一样的色彩和营养。
ONELiving一活
·
2024-01-19 05:54
移动框架适配使用插件 postcss-pxtrem,postcss-px-to-viewport ,修改
webpack
适配方案:一、动态设置根元素font-size、DOM元素rem实现方式:1、开发时使用rem2、开发时使用px、修改配置文件使用postcss-pxtorem将PX转rem,实现适配步骤:安装:npminstallpostcss-pxtorem--save-dev修改:webnpack.config.jsrequire('postcss-pxtorem')({rootValue:10,//结果为
东湖高新第一会所掌门人
·
2024-01-19 05:05
css
webpack
多进程打包
webpack
多进程打包Thead
webpack
对于js文件处理主要就是eslint、babel、Terser这三个工具
webpack
.jsconstos=require('os')//nodejs核心模块可以直接使用
小菜鸟学代码··
·
2024-01-19 04:54
webpack
webpack
前端
javascript
webpack
多进程打包技术
thread-loader’可以给多个loader加多线程打包多线程打包loader{test:/\.js$/,exclude:/node_modules/,use:[//开启多进程打包//进程启动大概600ms,进程通信也要花时间。//只有工作消耗时间比较长,才需要多进程打包。//'thread-loader',//进程默认cpu核数-1{loader:'thread-loader',optio
mhbsoft
·
2024-01-19 04:53
webpack
【
webpack
5修行之道】第15篇:性能优化-多进程打包
上一篇:【
webpack
5修行之道】第14篇:性能优化-PWA多进程打包是一把双刃剑,如果使用得当,他会大大提高编译速度,如果使用不当,那么编译速度反而会增加因为thread-loader多线程开启过程需要耗费时间大概为
jay_mw
·
2024-01-19 04:23
webpack
node.js
webpack
前端
webpack
多进程打包方案
安装yarnaddhappypack-D作用在使用
Webpack
对项目进行构建时,会对大量文件进行解析和处理。当文件数量变多之后,
Webpack
构件速度就会变慢。
lamianT
·
2024-01-19 04:52
webpack
npm run dev 报错:Error: Cannot find module '
webpack
-cli/bin/config-yargs'
Vue启动时报错//卸载版本npmuninstall
webpack
-gnpmuninstall-g
webpack
-dev-server//安装指定版本npminstall
webpack
@3.8.0--save-devnpminstall
webpack
-dev-server
趣一
·
2024-01-19 04:20
Navigating to current location ("XXXXXX") is not allowed
,message:"Navigatingtocurrentlocation("/index")isnotallowed",stack:"Error↵atnewNavigationDuplicated(
webpack
-int
皇甫贝
·
2024-01-19 03:01
Error: error:0308010C:digital envelope routines::unsupported
看了半天也不知所以然,后面问了一下gpt才发现是我的node版本太高了,导致
Webpack
在构建过程中出现问题。解决将我的node版本降级就可以了(我降级到了16就完成了)
JohnsonXin
·
2024-01-19 03:05
经验分享
Vue中引入JQuery和Bootstrap方法
一、Vue中引入JQuery1、因为已经安装了vue-cli脚手架,所以需要在
webpack
中全局引入jquery打开package.json文件,在里面加入这行代码,jquery后面的是版本,根据你自己需求更改
SlashBoyMr_wang
·
2024-01-19 02:38
webpack
4--处理第三方库引入
引入第三方库通常有3种方法1、npm包管理:目前最常用和最推荐的方法2、CDN:标签引入即可3、手动下载,引入这里我们着重说下前两个方法。通常情况下我们什么都不处理的话,打出来的项目包应该是一个verndor.js一个main.css,这2个包包含了所有的js和css,这样导致的一个问题就是,如果我们引入的第三方库很多的情况,打出来的verndor.js包就会很大。那怎么处理呢?假如我们在页面安装
_littleTank_
·
2024-01-18 23:46
无奈的一天
其实楼下也有个卖菜的小超市,仗着位置好,附近又没有其他卖菜的店,所以价格特别贵,
小白菜
都要5块多一斤,菠菜都得7块几,一般买三个菜就得17元左右,我觉得贵,加上选菜,打单,排队买队,再拿回家,花费的时间也不少
分析613
·
2024-01-18 23:32
舍友做饭二
老是跳出来的虾鸡肉块青瓜+肉卷+
小白菜
下面是成品图全家福明天的便当椒盐虾,炖鸡肉,肉卷炒青瓜,炒
小白菜
。
希里花啦
·
2024-01-18 21:58
关于babel-plugin-import的问题
问题:在ts环境中,babel-plugin-import如何在
webpack
里面配置按需加载css的功能呢?官方文档给出两种方法关于如何按需加载。
redoboy
·
2024-01-18 21:08
【BUG】‘
webpack
-dev-server‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。
【BUG】‘
webpack
-dev-server’不是内部或外部命令,也不是可运行的程序或批处理文件。
东方神剑2023
·
2024-01-18 20:14
bug
webpack
前端
webpack
配置
=require('unplugin-vue-components/resolvers')constComponentsPlugin=require('unplugin-vue-components/
webpack
折花_
·
2024-01-18 20:03
vue2+
webpack
升级vue3+vite,报错Cannot read properties of null (reading ‘isCE‘)
正文开始前言问题分析解决总结前言系列文章:vue2+
webpack
升级vue3+vite,修改插件兼容性bug前面的文章主要是介绍,在升级初始阶段遇到的一些显而易见的兼容性问题和bug。
中二少年学编程
·
2024-01-18 20:03
vue3实战专栏
vue.js
前端
vue
NPM install -save 和 -save-dev
1、回顾npminstall命令在用
webpack
的时候,突然对npminstall的-save和-save-dev这两个参数的使用比较混乱。
造轮子的蜗牛
·
2024-01-18 19:50
上一页
12
13
14
15
16
17
18
19
下一页
按字母分类:
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
其他