文章 2024-09-01 来自:开发者社区

在前端开发中,webpack 作为一个强大的模块打包工具,为我们提供了丰富的功能和扩展性

一、引言 在前端开发中,webpack 作为一个强大的模块打包工具,为我们提供了丰富的功能和扩展性。其中,DefinePlugin 插件是一个非常实用的工具,它可以帮助我们在编译过程中动态地定义全局变量,从而实现一些特定的功能和优化。本文将深入探讨 DefinePlugin 插件的原理、用法以及实际应用案例,希望...

文章 2024-08-15 来自:开发者社区

在前端开发中,webpack 作为模块打包工具,其 DefinePlugin 插件可在编译时动态定义全局变量,支持环境变量定义、配置参数动态化及条件编译等功能。

一、引言 在前端开发中,webpack 作为一个强大的模块打包工具,为我们提供了丰富的功能和扩展性。其中,DefinePlugin 插件是一个非常实用的工具,它可以帮助我们在编译过程中动态地定义全局变量,从而实现一些特定的功能和优化。本文将深入探讨 DefinePlugin 插件的原理、用法以及实际应用案例,希望...

文章 2023-06-13 来自:开发者社区

【微前端】手把手教你从0到1实现基于Webpack5 模块联邦(Module Federation)的微前端~(下)

2.5.2 引入到 container 中在 container/webpack.config.js 中增加:const HtmlWebpackPlugin = require("html-webpack-plugin"); const ModuleFederationPlugin = require("webpack/lib/container/ModuleFederationPlugin")....

【微前端】手把手教你从0到1实现基于Webpack5 模块联邦(Module Federation)的微前端~(下)
文章 2023-06-13 来自:开发者社区

【微前端】手把手教你从0到1实现基于Webpack5 模块联邦(Module Federation)的微前端~(中)

2.2 改造 micro-front-end-1cd micro-front-end-1先安装webpack相关的依赖:yarn add webpack webpack-cli webpack-server html-webpack-plugin webpack-dev-server -D删除 micro-front-end-1/src/index.js 中的所有代码,并将其替换为:在 micr....

【微前端】手把手教你从0到1实现基于Webpack5 模块联邦(Module Federation)的微前端~(中)
文章 2023-06-13 来自:开发者社区

【微前端】手把手教你从0到1实现基于Webpack5 模块联邦(Module Federation)的微前端~(上)

在【微前端】在造一个微前端轮子之前,你需要知道这些~ 文中,我详细列举了当前实现微前端的多种方式,本文将基于 Webpack 5 Module Federation 从0到1实现一个以 React 项目为容器,集成多个 React 和 Vue 项目的微前端项目,文末有源码,请自行食用 ~“Good frontend development is hard. Scaling frontend de....

【微前端】手把手教你从0到1实现基于Webpack5 模块联邦(Module Federation)的微前端~(上)
文章 2022-06-13 来自:开发者社区

【前端】webpack模块打包

正文重要知识点1、将一个 JavaScript 文件直接通过 script 标签插入页面中与封装成 CommonJS 模块最大的不同在于,前者的顶层作用域是全局作用域,在进行变量及函数声明时会污染全局环境,而后者会形成一个属于模块自身的作用域,所有的变量及函数只有自己能访问。2、CommonJS 与 ES6 Module 最本质的区别在于前者对模块依赖的解决是“动态的”,而后者是“静态的”。在这....

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注