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

前端必知之:前端模块化的CommonJS规范和ES Module规范详解

为什么要有模块化? 在早期JavaScript的开发当中,在没有模块化的情况下。写法是这样的: <script src="./index.js"></script> <script src="./home.js"></script> <script src="./user.js"></script> 这种...

前端必知之:前端模块化的CommonJS规范和ES Module规范详解
文章 2024-05-01 来自:开发者社区

【Web 前端】怎么实现Module模块化?

实现 JavaScript 模块化的方法详解 在 JavaScript 中,模块化是一种重要的开发方式,它可以将代码拆分为独立的模块,提高代码的可维护性和复用性。在早期的 JavaScript 中,并没有原生支持模块化的功能,因此开发者们通过各种方式实现了模块化。本文将详细介绍几种常见的 JavaScript 模块化实现方式,包括 IIFE、CommonJS、AMD、ES6 Module 等,.....

【Web 前端】怎么实现Module模块化?
文章 2023-10-14 来自:开发者社区

【前端异常】Module build failed: Error: ENOENT: no such file or directory, scandir ‘G:\OPWeb\public\node_m

一、背景描述Module build failed: Error: ENOENT: no such file or directory, scandir 'G:\web_project\**********\dev_OPWeb-V1.01.001\OPWeb\public\node_modules\node-sass\vendor'具体报错信息如下图所示:这种情况遇到过很多次,每次都是没有头绪。....

【前端异常】Module build failed: Error: ENOENT: no such file or directory, scandir ‘G:\OPWeb\public\node_m
文章 2023-10-14 来自:开发者社区

【前端异常】vscode:无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称,Cannot find module ”webpack“

一、项目背景编译器:VScode + Vue项目。VSCode 打开前端vue项目时竟然报错。二、出错信息如下内容所示为VScode项目控制台显示的错误信息:PS D:\work-span\project> cnpm install webpack-dev-server -g cnpm : 无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写 ,如果....

【前端异常】vscode:无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称,Cannot find module ”webpack“
文章 2023-08-03 来自:开发者社区

解决前端报错 Error: Cannot find module ‘xxx‘(包含 uniapp)

在 npm install 安装好依赖后,执行打包命令时可能报错:1、Error: Cannot find module '@vue/babel-preset-app'2、Error: Cannot find module 'cache-loader'这里只列了两种,只是因为换了 3 个 node 环境出现的报错。网上的解决方案大多是:1、删除 node_modules 与 package-lo....

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

前端工程化的Node.js之代码的组织/部署的模块 module

Node.js 中的模块指的是一个独立的 JavaScript 文件,其中定义了一些变量、函数或类等,并且可以被其他文件引用。Node.js 的模块机制主要有以下几个方面:模块的导出在模块中,通过 module.exports 将需要导出的变量、函数或类等暴露出去,以供其他模块使用。例如,在一个名为 utils.js 的模块中,我们可以定义一个 add 函数,如下所示:function add(....

文章 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)的微前端~(上)
文章 2023-06-06 来自:开发者社区

前端祖传三件套JavaScript的ES6+之Module/模块

模块的概念在ES6+中,模块是指一个独立的代码单元,可以导出(export)和导入(import)其中的变量、函数、类等内容。一个模块是一个文件,具有自己的作用域,可以与其他模块互相独立使用。导出模块内容在ES6+中,我们可以使用export关键字来导出模块内容。例如:// module.js export const name = 'Alice'; export function sayHel....

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

产品推荐

阿里巴巴终端技术

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

+关注