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

相关文章

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

  首先从语法方面 在配置文件中有 module 这个配置项，里面有 rules 选项用来配置各种 loader，还有其他各种选项，参考官网。 bundle 和 chunk 在配置文件中是没有这个选项的，但是会出现在配置的值中。 module 模块 指单个文件，可以是 js、css、图片等， 每个文件都是一个独立的模

  2024年02月19日

  浏览(58)
• 

  【前端工程化面试题】webpack proxy的工作原理，为什么能解决跨域问题

  在 webpack 的配置文件 webpack.config.js 中有一个配置项 devServer 里面有一个属性是 proxy，这里面可以配置代理服务器，解决跨域问题，请参考官网。 一般来说 webpack 的代理就是说的开发服务器 webpack-dev-server。 其实不光是 webpack 其他的打包工具比如是 vite，也有代理的功能，也是

  2024年02月21日

  浏览(59)
• 

  前端工程化与webpack

  能够说出什么是前端工程化 能够说出webpack的作用 能够掌握webpack的基本使用 了解常用plugin的基本使用 了解常用loader的基本使用 能够说出Source Map的作用 前端工程化 webpack的基本使用 webpack中的插件 webpack中的loader 打包发布 Source Map 1.1小白眼中的前端开发vs实际的前端开发 实际

  2024年02月13日

  浏览(79)

• 前端工程化之 webpack ＜一＞

  编写的代码 ==》经过打包工具（glup、rollup、webpack、vite）本身也是js代码，读取文件操作的， 依赖于 node 环境 = = 》 普通的html 、css 、javascript = = 》 打包到静态服务器 = = 》 跑在用户的浏览器 用于对路径和文件进行处理 在 Mac OS、Linux 和 window 上的路径上是不一样的，部署的

  2024年01月24日

  浏览(74)
• 

  前端工程化第一章：webpack基础（上）

  Webpack 是一个现代 JavaScript 应用程序的静态模块 打包器 。它是一个用于 将代码编译成浏览器可识别的格式 的工具。 webpack 可以实现以下的功能： 代码转换 ： TypeScript 编译成 JavaScript 、 SCSS 、 less 编译成 CSS 等。 文件优化 ：压缩 JavaScript 、 CSS 、 HTML 代码， 压缩合并图片

  2024年02月17日

  浏览(52)
• 

  前端工程化第一章：webpack5基础（上）

  Webpack 是一个现代 JavaScript 应用程序的静态模块 打包器 。它是一个用于 将代码编译成浏览器可识别的格式 的工具。 webpack 可以实现以下的功能： 代码转换 ： TypeScript 编译成 JavaScript 、 SCSS 、 less 编译成 CSS 等。 文件优化 ：压缩 JavaScript 、 CSS 、 HTML 代码， 压缩合并图片

  2024年02月16日

  浏览(47)
• 

  前端工程化第三章：webpack5基础（下）

  TypeScript 是一种静态类型的编程语言，是 JavaScript 的一个超集。它由 微软开发，提供了许多 JavaScript 不支持的功能，比如 类型检查 、 接口和类 。 ts-loader 是 Webpack 中的一个加载器，用于将 TypeScript 代码转换成 JavaScript 代码。它是基于 typescript 编译器实现的，支持所有 TypeS

  2024年02月16日

  浏览(50)

• Vue3学习-01_前端工程化与webpack

  最近在学习Vue知识，参照的教程是黑马程序员官网提供的免费前端教程，这里记录一下自己的学习笔记以及遇到的相关问题。 前端工程化指的是：在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。最终落实到细节上，就是实现前

  2024年02月13日

  浏览(70)
• 

  前端工程化之：webpack4-1(babel的安装和使用)

  官网：https://babeljs.io/ 民间中文网：https://www.babeljs.cn/  babel一词来自于希伯来语，直译为巴别塔。 巴别塔象征的统一的国度、统一的语言 而今天的 JS 世界缺少一座巴别塔，不同版本的浏览器能识别的 ES 标准并不相同，就导致了开发者面对不同版本的浏览器要使用不同的语言

  2024年02月21日

  浏览(45)

• 前端工程化实践：自动化构建与部署

  随着前端开发的快速发展，项目规模越来越大，代码量也越来越庞大。为了提高开发效率和代码质量，前端工程化成为了必不可少的一环。其中，自动化构建与部署是前端工程化的重要组成部分。本文将通过一个具体的例子，介绍前端工程化实践中的自动化构建与部署。 假设

  2024年02月11日

  浏览(48)