webpack工程化

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

目录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

【每天学习一点点 day04】工程化 npm create 脚手架 create-vue, vue-cli 执行原理① - npm cli

希望我们每个人都能找到属于自己的花期，不急不躁，静等风来。今天打算用Docusaurus开始搭建自己的知识库，之前早已有此想法，遗憾的是没有坚持下来。这次借助这个机会，也计划将自己【每天学习一点点】系列整理在自己的知识库中，方便大家查找。在使用脚手架命令搭建知识库的时候，看到了一堆提示，以及交互式的功能，于是好奇这个是如何实现的呢？（毕竟程序都是人写的，我们可以学习一下实现方式，有朝一日在搭建自己
_终会遇见_·2024-02-19 12:40

【前端工程化面试题】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

激光条纹中心线提取算法FPGA实现方案

激光条纹中心线提取的真实意义在于工程化和产品化的实际应用，而很多算法目前只能用于学术研究或理论实验，无法在应用端或产品端商用化落地。
MmikerR·2024-02-19 10:18

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

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

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

Angular、React、Vue三选一，前端工程师更青睐使用哪款框架？

Angular从一开始就带有很明显的工程化血统，齐全的cli命令，背靠TypeScript，涉及模块、服务以及指令等概念，使用后端的依赖注入思想，特有模板语法。
前端吴彦祖·2024-02-15 05:55

初识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的区别

Webpack是前端构建工具，实现了模块化开发和文件处理。他的思想就是“万物皆为模块”，它能够将各个模块进行按需加载，不会导致加载
木槿_traxpvsa·2024-02-15 01:14

Go 错误处理总结与实践

前言最近在对极客时间毛剑老师的Go进阶训练营进行重温和学习汇总，这是一门比较偏向于工程化以及原理层面的的课程，涵盖的知识点非常多，因此决定开一个系列来进行记录，也便于自己总结查阅。
pseudoyu·2024-02-15 00:32

webpack打包优化 - 懒加载

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

JavaWeb

选择器8.超链接9.盒子模型10.JavaScript11.JS基础语法12.数据类型13.流程控制语句14.JS函数15.JS对象16.Vue17.Ajax18.前后端分离开发：19.YApi20.前端工程化
小小李学java·2024-02-14 22:56

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引入顺序等问题）。2.标准：官方ESModule，社区：CommonJS3.mian中定义一个函数functionsum(a,b){  returna+b;}4.在html中引用（会导致全局污染）5.将模块导出functionsum(a,b){  returna+b;}exportdefaults
miss-ddly·2024-02-14 17:25

vue全家桶

Vue-cli是一个基于Vue.js进行快速开发的完整系统，可以自动生成Vue.js+webpack的项目模板。
miss-ddly·2024-02-14 17:24

前端工程化面试题 | 05.精选前端工程化高频面试题

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录前端中的测试是什么？请解释一下你熟悉的前端测试方法和工具。请举例说明前端自动化部署的流程，以及
ai_todo·2024-02-14 16:19

前端工程化面试题 | 06.精选前端工程化高频面试题

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录前端开发中如何处理静态资源的优化和管理？请解释一下你熟悉的优化工具。解释一下前端中的版本控制系
ai_todo·2024-02-14 16:19

前端工程化面试题 | 07.精选前端工程化高频面试题

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录请解释一下前端中的持续集成和持续交付。你熟悉的持续集成工具或持续交付工具有哪些？前端性能优化是
ai_todo·2024-02-14 16:19

前端工程化面试题 | 08.精选前端工程化高频面试题

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录解释一下前端中的代码复用和组件化。你熟悉的组件化框架有哪些？请解释一下前端中的国际化和本地化解
ai_todo·2024-02-14 16:18

快速构建 React 开发环境

create-react-app自动创建的项目是基于Webpack+ES6。
白番茄_·2024-02-14 13:31

Vue-cli 脚手架搭建

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

Vue function and event object

一创建测试项目vueinitwebpack-simplevuedemo二进入demo目录cdvuedemo三安装依赖cnpminstall四修改代码App.vue{{msg}}1v-on:clickandShorthand
剑有偏锋·2024-02-14 00:29

LiveQing 播放器的使用

1:安装：安装npminstall@liveqing/liveplayer安装npminstallcopy-webpack[email protected]:在build文件的webpack.dev.conf.js
js代码人·2024-02-13 23:59

软件工程概述

以软件的产品化、系列化、工程化、标准化为特
weixin_30768661·2024-02-13 23:50

eutils - 项目介绍

css工具；当我们新建一个前端项目时，只需要引入这个npm包，就可以省去很多写工具的重复工作；源码地址APIversioncollection项目规范函数使用小驼峰方式命名对象使用大驼峰方式命名项目使用webpack
hellolong·2024-02-13 19:42

vue3-应用规模化-工具链

VueCLIVueCLI是官方提供的基于Webpack的Vue
王大可996·2024-02-13 16:45

webpack常用配置及基本概念

1.基本概念:配置方式:如果没有创建webpack.config.js或指定mode(production/development)会直接打包压缩生产模式。
再来一瓶路易十三·2024-02-13 13:16

npm命令报错

codeELIFECYCLEwebpack-dev-server--inline--progress--configbuild/webpack.dev.conf.js`‘webpack-dev-server
断点_842b·2024-02-13 06:13

webpack4环境搭建-初始化项目

1、创建一个目录然后进入，初始化package.jsoncnpminit-y//-y的意思是yes的意思，在init的时候省去了敲回车的步骤，生成的默认的package.json2、安装webpack4
_littleTank_·2024-02-13 05:50

【从Jest入门到 TDD,BDD双实战】整体学习介绍①

一：前端要学的测试Jest入门TDD实战BDD实战二：前端工程化的一部分前端自动化测试高质量代码设计高质量代码实现三：前端自动化测试的例子VueEchartsReactAnt-Design这些都有使用到了自动化测试
不停喝水·2024-02-13 05:29

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

文章目录一、前端要学的测试课1.前端要学的测试2.前端工程化的一部分3.前端自动化测试的例子4.前端为什么需要自动化测试？
程序边界·2024-02-13 05:27

Webpack4 性能优化实践

为什么需要性能优化在使用Webpack时，如果不注意性能优化，可能会产生性能问题，会导致在开发体验上不是非常丝滑，性能问题主要是编译速度慢，打包体积过大，因此性能优化也主要从这些方面来分析。
野生程序猿江辰·2024-02-13 05:55

Vue项目Webpack优化实践，构建效率提高50%

Vue项目Webpack优化实践，构建效率提高50%vue.jswebpack发布于2018-12-24公司的前端项目使用Vue框架，Vue框架使用Webpack进行构建，随着项目不断迭代，项目逐渐变得庞大
badboy__biubiubiu·2024-02-13 05:54

webpack面试解析

参考：上一篇webpack相关的系列：webpack深入学习，搭建和优化react项目爪哇教育@字节面试官解析webpack-路白1、Webpack中的module是什么？
sasaraku.·2024-02-13 05:53

结合Next项目实际认识webpack.splitChunks

本文的目的在于简单的介绍webpack的优化功能配置：splitChunks。
sasaraku.·2024-02-13 05:23

什么是vite，如何使用

深入理解Vite核心原理面向未来的前端构建工具-vite聊一聊Vite的预构建和二次预构建聊一聊ViteVite原理Vite基于浏览器原生ESM规范的支持，采取了与Webpack完全不同的unbundle
sasaraku.·2024-02-13 05:23
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他