webpack构建工具第5页

【前端工程化面试题】webpack的module、bundle、chunk分别指的是什么？

首先从语法方面在配置文件中有module这个配置项，里面有rules选项用来配置各种loader，还有其他各种选项，参考官网。bundle和chunk在配置文件中是没有这个选项的，但是会出现在配置的值中。module模块指单个文件，可以是js、css、图片等，每个文件都是一个独立的模块，可以通过import.和require等方式导入和导出模块可以包含代码、依赖关系和其他相关资源。代表应用程序的组

我有一棵树·2024-02-20 02:25

maven基础知识总结

Maven为开发者提供了一套完整的构建生命周期框架Maven简化了工程的构建过程，并对其标准化，它无缝衔接了编译、发布、文档生成、团队合作和其他任务安装mac下安装maven功能项目管理工具依赖管理工具构建工具优点对第三方依赖库进行了统一的版本管理统一了构建过程统一了项目的目录结构构建清理

caoxinyiyi·2024-02-20 02:02

【Webpack】CSS 处理

style标签来生成样式这样对于网站来说，会出现闪屏现象，用户体验不好我们应该是单独的Css文件，通过link标签加载性能才好1.下载包npmimini-css-extract-plugin-D2.配置webpack.prod.jsconstpath

小秀_heo·2024-02-20 02:53

【Webpack】生产模式

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

小秀_heo·2024-02-20 02:23

【Webpack】处理 js 资源

处理js资源Webpack对js处理是有限的，只能编译js中ES模块化语法，不能编译其他语法，导致js不能在IE等浏览器运行，所以我们希望做一些兼容性处理。

小秀_heo·2024-02-20 02:22

解决npm link下的eslint报错

问题在开发nodepackage的时候，经常会有link到项目下调试的需求,如果你用的webpack+eslint，会发现eslint对你link的包起作用了，纳尼，不是exlude了node_modules

阿拉丁神经·2024-02-20 01:30

关于TypeError:无法读取null属性(读取‘isCE‘) -自定义组件库

’isCE’)-自定义组件库大家先看一下这个文章https://cloud.tencent.com/developer/ask/sof/106913760这个文章里面给了vite解决方案这里我给出一个webpack

我叫汪枫·2024-02-20 01:59

Redis-mysql 缓存实战

本文基于Springboot，mybatisplus，mysql，redis，Jedis模拟redis缓存实现目录1.添加所需maven依赖2.设置数据库及数据表3.构建实体类4.构建工具类实现redis

SSPo·2024-02-20 01:56

vue框架-vue-cli

VueCLI通过提供预先配置好的Webpack模板和插件，使得开发人员可以在不需要手动编写Webpack配置的情况下快速创建Vue应用。

陆卿之·2024-02-20 00:54

前端Vue3开发 “硬核” 新书来了

二是Vue3引入了大量新特性，如全面拥抱TypeScript、使用Vite替换Webpack等，大家担心这些新技术难以掌握，因此不敢在实际项目中应用。

前端组件开发·2024-02-19 23:14

十五、环境变量和代理跨域及api的定义

环境变量的定义在根目录下新建三个环境变量配置文件.env.development（开发环境）.env.test（测试环境）.evn.production（生产环境）分别定义开发环境、线上环境和测试环境的变量webpackVUE_APP_TITLE

小曲曲·2024-02-19 21:07

分配更多v8内存，确保大项目能正常启动

如果前端项⽬比较庞⼤，Webpack编译时就会占⽤很多的系统资源，如果超出了V8引擎对Node默认的内存限制⼤⼩时则启动失败。

猛踹瘸子那条好腿の·2024-02-19 20:45

svg之全局组件，配合雪碧图解决vue2的svg优化问题

exportdefault{name:'icon',props:{name:{type:String,required:true,},},}这里这个就是全局的svg组件，代码来自于webpack-懒人神器

强啊啊强·2024-02-19 19:48

前端技巧之svg精灵图svg-sprite-loader

然后这里要说明的是这个插件是webpack上面的，所以在vue2中比较好用，如果在vue3中，可能解决方案就不是这个插件了。

强啊啊强·2024-02-19 19:41

Vue2尚品汇前台项目笔记——（1）项目初始化

具体参考之前的脚手架配置笔记，我起名叫vue_shop_test1.脚手架目录分析node_modules文件夹：项目依赖文件夹public文件夹：一般放置一些静态资源（图片）,需要注意，放在public文件夹中的静态资源，webpack

Kiwi23333·2024-02-19 19:09

深入浅出Webpack 摘要 Module

Modulerules配置模块的读取和解析规则，通常用来配置Loader。其类型是一个数组，数组里的每一项都描述了如何处理部分文件。配置一项rules时大致可通过以下方式来完成。条件匹配:通过test、include、exclude三个配置项来选中Loader要应用规则的文件。应用规则:对选中的文件通过use配置项来应用Loader，可以只应用一个Loader或者按照从后往前的顺序应用一组Load

Upcccz·2024-02-19 18:07

Vue3笔记

创建vue-cli创建基于vite创建webpack和vite构建对比图基础官方推荐插件选项式api和组合式api对比修改组件name插件在devtools工具上显示组件name自动补充ref的value

山重水复疑无路·2024-02-19 18:39

前端面试题（工程化&性能优化篇）

目录1.Webpack的构建流程2.常用的plugin和loader有哪些3.tree-shaking原理4.前端页面性能优化5.首屏渲染优化6.如何减少回流和重绘7.SEO优化8.SSR服务端渲染9.

大寄一场_·2024-02-19 16:17

【前端工程化面试题】说一下 webpack 的构建流程

初始化流程从配置文件和shell语句中读取合并参数，初始化需要使用的插件和执行环境所需要的参数配置文件默认是webpack.config.js编译构建流程解析入口模块，从入口模块开始串行调用对应的loader

我有一棵树·2024-02-19 16:46

【前端工程化面试题】使用 webpack 来优化前端性能/ webpack的功能

这个题目实际上就是来回答webpack是干啥的，你对webpack的理解，都是一个问题。

我有一棵树·2024-02-19 16:11

使用html-webpack-plugin对HTML文件进行预处理

原文地址：https://segmentfault.com/a/1190000021518323作者：Fw恶龙本文首发于：思否一、前言先整理一波之前和webpack相关的文章:使用Webpack对CSS

宁法·2024-02-19 15:14

Failed to load resource: net::ERR_FILE_NOT_FOUND问题解决

publicPath是告诉webpack打包后的文件在浏览器中的访问路径。当你设置publicPath:'./'时，实际上是将构建后的资源相对于当前路径进行引用。

啊森森啊·2024-02-19 15:43

从零开始搭建 Vue 项目

本文主要介绍如何使用node搭建一个基于Vue+VueRouter+iView+webpack的项目，阅读本文之前你可能需要知道：ES6VueVueRouteriViewwebpack中文文档eslintstylelint

蛮吉大人123·2024-02-19 15:15

vue3 要区分生产环境和测试环境，请求不同的后端接口，如何统一配置管理

下面的内容是chatGPTQA日志在Vue3中，你可以使用环境变量和Webpack配置来区分生产环境和测试环境，并且请求不同的后端接口。

·2024-02-19 15:48

手把手教你如何搭建Vue组件库

VantCLI是一个基于Vite实现的Vue组件库构建工具，通过VantCLI可以快速搭建一套功能完备的Vue组件库。建立组件库的意义首先组件库可以给我们降本提效，其次可以保持视觉

·2024-02-19 15:15

【前端工程化面试题】vite热更新原理

HMR机制：vite利用了webpack等构件工具中常用的热模块替换机制，在代码发生变化时，只将修改的模块动态的注入到运行中的应用程序中，不需要刷新整个页面

我有一棵树·2024-02-19 12:31

【Webpack】处理字体图标和音视频资源

处理字体图标资源1.下载字体图标文件打开阿里巴巴矢量图标库openinnewwindow选择想要的图标添加到购物车，统一下载到本地2.添加字体图标资源src/fonts/iconfont.ttfsrc/fonts/iconfont.woffsrc/fonts/iconfont.woff2src/css/iconfont.css注意字体文件路径需要修改src/main.jsimport{add}fr

小秀_heo·2024-02-19 11:57

webpack使用记录

/node_modules/.bin/webpack--configwebpack.config.js"}我们跳过shell命令，直接执行目标文件即可。{"debugger":"node./n

·2024-02-19 10:51

基于 Webpack5 Module Federation 的业务解耦实践

我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：贝儿前言本文中会提到很多目前数栈中使用的特定名词，统一做下解释描述dt-common：每个子产品都会引入的公共包(类似NPM包)AppMenus：在子产品中快速进入到其他子产品的导航栏，统一维护在dt-common中，子产品从dt-common中引入Portal：

·2024-02-19 10:01

React项目详解

React项目指导使用webpack需要安装的依赖webpack，webpack-cli，react，react-dombabel-loader，@babel/core，@babel/preset-env

·2024-02-19 10:55

vue router 跳转php,vue路由：路由跳转后怎么知道切换到那个router-view中

使用vueinitwebpackxxx创建项目友持都发很秀框事,应编差里互是过是来本商理类了如则处果。展，字到中图各近圈就不这多发架件大用程。

weixin_39908106·2024-02-15 09:13

Rustup 基础知识

cargo是rust的构建工具，暂不介绍，需要明白的是：rustup是管理语言自身的，cargo是管理第三方拓展的。

kami1983·2024-02-15 09:00

关于vue安装less和webpack版本冲突问题

关于vue2.0安装less和webpack版本冲突问题1.学会查看自己webpack和less指令2.默认安装less-loader命令3.解决办法1.学会查看自己webpack和less指令查看当前

SepstoneTang·2024-02-15 07:01

vue安装使用less，解决与webpack的冲突

第077个查看专栏目录:VUE------elementUI专栏目标在vue和elementUI联合技术栈的操控下，本专栏提供行之有效的源代码示例和信息点介绍，做到灵活运用。提供vue2的一些基本操作：安装、引用，模板使用，computed，watch，生命周期(beforeCreate，created,beforeMount，mounted,beforeUpdate，updated,before

还是大剑师兰特·2024-02-15 07:31

react按需加载

babel-plugin-syntax-dynamic-import和react-loadable，如图1：图12.在.babelrc里添加设置"plugins":["syntax-dynamic-import"]，如图2图23.在webpack.config.js

热心程序猿黄帅哥·2024-02-15 05:52

初识webpack（二）解析resolve、插件plugins、dev-server

目录(一)webpack的解析(resolve)1.resovle.alias2.resolve.extensions3.resolve.mainFiles(二)plugin插件1.CleanWebpackPlugin2

DogEgg_001·2024-02-15 03:55

gulp和webpack的区别

gulp可以进行js，html，css，img的压缩打包，是自动化构建工具，可以将多个js文件或是css压缩成一个文件，并且可以压缩为一行，以此来减少文件体积，加快请求速度和减少请求次数；并且gulp有

木槿_traxpvsa·2024-02-15 01:14

Servlet JSP-Eclipse安装配置Maven插件

一、Maven核心功能介绍Maven是一个强大的项目管理和构建工具，旨在简化Java项目的构建、依赖管理和部署过程。它提供了一种结构化的方式来组织项

Damon小智·2024-02-15 00:49

webpack打包优化 - 懒加载

webpack懒加载分割代码会产生chunk，异步加载的时候也会产生chunk引入动态数据->懒加载（当有文件特别大，直接懒加载）（会直接生成一个chunk，无需其它配置）setTimeout((

JX灬君·2024-02-14 22:37

vue2使用pinia在main.js中导入报错

’fromnonEcmaScriptmodule(onlydefaultexportisavailable)解决办法1://vue.config.jsmodule.exports={configureWebpack

奥利給·2024-02-14 21:48

【实战】一、Jest 前端自动化测试框架基础入门（三） —— 前端要学的测试课从Jest入门到TDD BDD双实战（三）

Jest入门到TDD/BDD双实战_前端要学的测试课相对原教程，我在学习开始时（2023.08）采用的是当前最新版本：项版本@babel/core^7.16.0@pmmmwh/react-refresh-webpack-plugin

程序边界·2024-02-14 19:12

【Vue】工程化开发&脚手架Vue CLI

个人主页：五敷有你系列专栏：Vue⛺️稳重求进，晒太阳工程化开发&脚手架VueCLI基本介绍VueCli是Vue官方提供的一个全局命令工具可以帮助我们快速创建一个开发Vue项目的标准化基础架子【集成了webpack

五敷有你·2024-02-14 18:08

前端工程化

目录模块化包管理器构建工具脚手架模块化1.是为了解决全局污染（全局变量，全局函数）和依赖混乱问题（js引入顺序等问题）。

miss-ddly·2024-02-14 17:25

vue全家桶

Vue-cli是一个基于Vue.js进行快速开发的完整系统，可以自动生成Vue.js+webpack的项目模板。

miss-ddly·2024-02-14 17:24

Java进阶笔记

Maven构建工具Maven仓库搜索jar包优点：第三方库很强大，要学会在巨人肩膀上工作缺点：搜索，确定版本，下载jar包，工作量大且不易在Maven仓库搜索jar包，添加到pom.xml，右键项目-runas-build

Tate_Brown·2024-02-14 14:30

快速构建 React 开发环境

create-react-app自动创建的项目是基于Webpack+ES6。

白番茄_·2024-02-14 13:31

Maven入门(3) 之 Maven自动化构建项目

所以Maven也可以这样介绍，Maven是Apache软件基金会组织维护的一款自动化构建工具，专注服务于Java平台的项目构建和依赖管理。这里再次重点说一下Maven的项目构建。

繁华似锦Fighting·2024-02-14 09:27

tauri+vite+vue3开发环境

列表1-1：使用VisualStudio生成工具2022安装程序，并勾选“C++构建工具

volodyan·2024-02-14 07:56

Vue-cli 脚手架搭建

使用vue，但是一般做项目的时候，我们大都会用到vue脚手架，脚手架也是vue里重要的一部分，今天我们就来看看vue脚手架的相关：1.环境搭建1、安装node.js（傻瓜式安装，这里不再描述）2、安装webpack

机智小铛铛i·2024-02-14 06:40

推荐频道

webpack构建工具