webpack相关配置

自己配置vue项目

webpack.dev.jsconstpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');const{VueLoaderPlugin
Miss Stone·2024-01-20 07:38

5-12 webpack 性能优化（3）

7.多进程打包webpack本身是单线程打包，将其扩展为多进程模式，可以分利用多核的优势。
love丁酥酥·2024-01-20 06:37

Webpack5入门到原理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

关于vite，面试官们都问些什么？从初级到高级一镜到底

A:Vite是一个基于ES模块的前端构建工具，与传统的构建工具（如Webpack）不同，Vite在开发模式下使用原生ES模块化。
秋名山大前端·2024-01-20 02:02

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

Webpack5入门到原理12：处理 Html 资源

1.下载包npmihtml-webpack-plugin-D2.配置webpack.config.jsconstpath=require("path");constESLintWebpackPlugin
duansamve·2024-01-20 01:46

Webpack5入门到原理13：开发服务器&自动化

每次写完代码都需要手动输入指令才能编译代码，太麻烦了，我们希望一切自动化1.下载包npmiwebpack-dev-server-D2.配置webpack.config.jsconstpath=require
duansamve·2024-01-20 01:46

Webpack5入门到原理14：生产模式介绍

优化主要从两个角度出发:优化代码运行性能优化代码打包速度生产模式准备我们分别准备两个配置文件来放不同的配置1.文件目录├──webpack-test(项目根目录)├──config(Webpack配置文件目录
duansamve·2024-01-20 01:46

Webpack5入门到原理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

MySQL数据恢复之binlog2sql的安装和使用，很详细

编译安装报错①、安装libcurl（2）、编译安装报错2①、安装expat2、安装pip（已安装可以跳过）（1）、安装Python3、安装binlog2sql四、在MySQL中增加binlog2sql的相关配置
Percep_gan·2024-01-20 01:14

微信小程序自动化测试框架 Minium——PO模式测试用例

本文主要介绍PO模式的测试用例，PO模式优点及层级间的关系，相关配置及运行minitest的测试小程序和测试case：minitest-demominiprogram-demo：测试小程序testcase
WXMiniTest·2024-01-20 01:38

vue项目编译非常慢，经常卡在某个百分点

babel.config.js文件中加入下方配置3、将import导入方式改为require导入方式，返回promise4、如果动态加载组件import引入组件找不到组件（Error:Cannotfindmodule）使用webpack
Tongfront·2024-01-19 23:47

第九节:Webpack配置Vue

1.在webpack中使用vue1.1webpack中使用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构建工具进行创建还是使用的常规webpacket构建工具进行创建的
SwJieJie·2024-01-19 21:24

TC3XX GTM时钟频率计算

1、相关配置1.1GTM外围频率1.2可配置时钟和固定时钟的GTM全局分子值1.3可配置时钟和固定时钟的GTM全局分母值1.4固定时钟的分频器1.
mnkyjy·2024-01-19 18:03

vue前端面试题

1.vue与react的选择React是库Vue是一个完整得框架都能快速运行，都是轻量级前端框架都有一个组件式系统架构都使用virtualDOM都可以放进一个HTML文件中或成为更复杂的Webpack设置模块都有独立但通用的路由器和状态管理库
逸尘·2024-01-19 15:26

CSS Module

CSSModules不是官方规范或浏览器中的实现，而是构建步骤中的一个过程（在Webpack或Browserify的帮助下），它改变了类名和选择器的作用域（即有点像命名空间）。
小李科技·2024-01-19 14:53

深信服前端一面面经

举例说明webpack原理post和get浏览器为什么要限制get参数的长度bootstrap与同期其他框架有什么优势get和post性能有区别吗项目遇到最难的问题闭包以及优缺点promise的三种状态为什么引入
前端碎碎念·2024-01-19 14:20

安全加速SCDN是什么

已使用内容分发网络（CDN）或全站加速网络（ECDN）的用户，可为加速域名一键开启安全防护相关配置，全方位保障业务内容分发。
德迅云安全-如意·2024-01-19 13:12

Java课程设计团队博客 —— 基于网页的时间管理系统

博客目录1.项目简介2.项目采用的技术3.功能需求分析4.项目亮点5.主要功能截图6.Git地址7.总结Java团队博客分工姓名职务负责模块个人博客孙岚组长资源文件路径和tomcat服务器的相关配置。
时之彼岸Φ·2024-01-19 12:42

【JS逆向学习】36kr登陆逆向案例（webpack）

在开始讲解实际案例之前，大家先了解下webpack的相关知识WebPack打包webpack是一个基于模块化的打包（构建）工具,它把一切都视作模块webpack数组形式，通过下标取值!
诗雅颂·2024-01-19 11:21

webpack面试题学习

说说你对webpack的理解？解决了什么问题？说说webpack的构建流程?说说webpack中常见的Loader？解决了什么问题？说说webpack中常见的Plugin？解决了什么问题？
小白探索世界欧耶！~·2024-01-19 11:50

webpack/vue-cli构建速度和打包体积优化

编译分析插件webpack-bundle-analyzerwebpack-bundle-analyzer可以生成代码分析报告，可以直观地分析打包出的文件有哪些，及它们的大小、占比情况、各文件Gzipped
岳哥i·2024-01-19 11:20

vue打包-合并chunk

vue.config.jsconstwebpack=require("webpack");module.exports={configureWebpack:{plugins:[newwebpack.optimize.MinChunkSizePlugin
ygkyufcl·2024-01-19 10:26

vue 如何合并两个 项目_Vue 项目中使用 webpack 将多个组件合并打包并实现按需加载...

使用Vue开发项目时，如果要使用其单文件组件特性，必然要使用webpack或者Browserify进行打包，对于大型应用，为了提升加载速度，可以使用webpack的codesplitting功能进行分割打包
weixin_39773239·2024-01-19 10:20

vue 不生效 打包 样式_解决在vue项目中webpack打包后字体不生效的问题

最近在项目开发过程中遇到如下问题：开发环境中设置的字体样式使用webpack打包后到生产环境不生效。
丞高·2024-01-19 10:50

Vue3 + Vite 打包优化及配置

前面简单讲了一下脚手架各个目录的作用以及实现方法，最近刚好项目上线闲下来了，就打算补充一下脚手架的相关配置，自己留作记录也给大家提供点参考。
qq_30379395·2024-01-19 10:46

前端构建工具对比 webpack、vite、esbuild等

人类和动物最大的区别是会使用工具，工具的作用就是提升我们的生产效率，同样，随着前端工程化的演进，伴随着一些优秀的工程化的生产效率工具，今天就来聊一聊，前端工程中的构建工具。前端构建工具按照功能可以分为如下两大类：转译-将高级语法转换为低级的语法结构，把浏览器不能识别的文件，转换成浏览器能识别的文件；打包-将项目中的更重资源文件（如html，css，json等文件）打包压缩优化成想要的结果。打包工具
爱问的艾文·2024-01-19 09:27

Flink TaskManager内存管理机制介绍与调优总结

如上图所示，下表中列出了FlinkTaskManager内存模型的所有组成部分，以及影响其大小的相关配置参数。我们可以看到，有些内存
暴走的贼宇·2024-01-19 08:25

【React】脚手架创建项目

文章目录创建React项目目录结构分析了解PWA脚手架中的webpack创建React项目◼创建React项目的命令如下：注意：项目名称不能包含大写字母另外还有更多创建项目的方式，可以参考GitHub
顽皮宝·2024-01-19 07:29

webpack学习笔记

文章目录webpack原理及概念基础使用核心概念核心配置项webpack.config.jswebpack打包html资源压缩JS和HTML代码webpack打包CSS资源提取CSS为单独文件处理CSS
bfbshs_ddd·2024-01-19 07:04

vue初体验(一)

npminstall-gvue-cli全局安装vueinitwebpackproject-name创建一个vue项目cdproje
winterzy·2024-01-19 06:27

移动框架适配使用插件 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

webpack多进程打包

webpack多进程打包Theadwebpack对于js文件处理主要就是eslint、babel、Terser这三个工具webpack.jsconstos=require('os')//nodejs核心模块可以直接使用
小菜鸟学代码···2024-01-19 04:54

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

【webpack5修行之道】第15篇：性能优化-多进程打包

上一篇：【webpack5修行之道】第14篇：性能优化-PWA多进程打包是一把双刃剑，如果使用得当，他会大大提高编译速度，如果使用不当，那么编译速度反而会增加因为thread-loader多线程开启过程需要耗费时间大概为
jay_mw·2024-01-19 04:23

webpack多进程打包方案

安装yarnaddhappypack-D作用在使用Webpack对项目进行构建时，会对大量文件进行解析和处理。当文件数量变多之后，Webpack构件速度就会变慢。
lamianT·2024-01-19 04:52

npm run dev 报错：Error: Cannot find module 'webpack-cli/bin/config-yargs'

Vue启动时报错//卸载版本npmuninstallwebpack-gnpmuninstall-gwebpack-dev-server//安装指定版本npminstallwebpack@3.8.0--save-devnpminstallwebpack-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

Linux 网口配置文件及网络服务

本篇记录Linux的网卡配置以及网络服务的相关配置，期望在了解的网卡的配置内容的基础上，对网络问题能进行配置文件的排查。网络问题是非常复杂的，本篇不涉及抓包和网络的其他问题排查。
码农终结者·2024-01-19 00:23

华为路由器实现单臂路由

前言：这是关于huaiwei交换机的文章，这主要实现的是不同vlan的pc可以互相通信，其主要就在于路由和trunk，当然这个方法时又缺陷的，后面说，先来看实验，边做边想哪里存在缺陷网络拓扑图：相关配置
夜思红尘·2024-01-18 23:16

静态路由详解

目录一，静态路由中的相关配置查看路由表中路由信息查看路由表中是由静态写的路由查看路由器的端口的ip情况手写静态路由：创建回环接口和配置地址配置缺省路由配置空接口配置浮动静态路由二，名词解释1.路由2.路由器的工作原理
为梦想而战@大学生·2024-01-18 23:51

webpack4--处理第三方库引入

引入第三方库通常有3种方法1、npm包管理：目前最常用和最推荐的方法2、CDN：标签引入即可3、手动下载，引入这里我们着重说下前两个方法。通常情况下我们什么都不处理的话，打出来的项目包应该是一个verndor.js一个main.css，这2个包包含了所有的js和css,这样导致的一个问题就是，如果我们引入的第三方库很多的情况，打出来的verndor.js包就会很大。那怎么处理呢？假如我们在页面安装
_littleTank_·2024-01-18 23:46

HDFS使用QJM(Quorum Journal Manager)实现的高可用性以及备份机制

目录前言1.NameNode的启动和对edits和QJM相关配置文件的解析2.使用FSImage和FSEditLog类对image和editlog文件进行读写和管理3.EditsDoubleBuffer
麦兜和小可的舅舅·2024-01-18 22:56

关于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

webpack配置

=require('unplugin-vue-components/resolvers')constComponentsPlugin=require('unplugin-vue-components/webpack
折花_·2024-01-18 20:03
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他