开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

需要(‘.’)不同于require(__filename)；

需要('.')不同于require(filename)是指在Node.js中，使用.来引用当前模块，而不是使用`require(filename)`。这两种方式的区别在于：

使用.：通过.来引用当前模块时，可以直接使用相对路径或模块名来引用其他模块。例如，./moduleA表示引用当前模块同级目录下的moduleA模块。
使用require(__filename)：__filename是Node.js中的一个全局变量，表示当前模块的文件路径。使用require(__filename)可以动态地引用当前模块，但需要指定完整的文件路径。例如，require(__filename)表示引用当前模块的文件。

需要('.')不同于require(__filename)的优势在于简化了模块引用的方式，使代码更加简洁易读。同时，使用.可以直接引用同级目录下的模块，无需指定完整的文件路径。

应用场景：

当前模块需要引用同级目录下的其他模块时，可以使用.来引用，提高代码的可读性和易用性。

推荐的腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器（CVM）：提供弹性计算能力，支持多种操作系统，满足不同场景的需求。详情请参考：腾讯云云服务器
腾讯云云数据库MySQL版：提供高性能、高可用的MySQL数据库服务，支持自动备份、容灾等功能。详情请参考：腾讯云云数据库MySQL版
腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于图片、视频、文档等各类文件的存储和管理。详情请参考：腾讯云对象存储（COS）
腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等，帮助开发者构建智能化应用。详情请参考：腾讯云人工智能（AI）

相关搜索:rtorrent编译错误:错误：#include需要"FILENAME“或<FILENAME>在Require中需要渲染错误。异常：(function (exports，require，module，__filename，__dirname) { class {需要具有多个输出的Output.filename multer:可以执行[req.file.filename]，但需要[req.files[0].filename]或[req.files.find({.filename：“samplefield”})]如何在require中使用模板文字？(需要(`${somePath}`))我需要更改此存在检查，以便在User::FileName上使用通配符归纳策略的变体，不需要在子项上使用‘require’具有psr-4自动加载功能的phpunit需要手动"require“语句我只能需要一个使用.require()的模块--有替代方法吗？PHP是否需要,require_once或包含在页面加载时自动读取文件？当导入函数需要时间完成时，如何从nodeJS中的require中导入字符串？在不运行require的情况下如何知道node.js需要的完整路径如何使用Mocha测试需要Node API的自定义模块？“无法读取未定义的属性'require‘”

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

四：单页面解决方案--代码分割和懒加载

不同于多页面应用的提取公共代码，单页面的代码分割和懒加载不是通过webpack配置来实现的，而是通过webpack的写法和内置函数实现的。...目前webpack针对此项功能提供 2 种函数： import(): 引入并且自动执行相关 js 代码 require.ensure(): 引入但需要手动执行相关 js 代码本文将会进行逐一讲解。...不同于多页面应用的提取公共代码，单页面的代码分割和懒加载不是通过webpack配置来实现的，而是通过webpack的写法和内置函数实现的。...目前webpack针对此项功能提供 2 种函数： import(): 引入并且自动执行相关 js 代码 require.ensure(): 引入但需要手动执行相关 js 代码本文将会进行逐一讲解。...{ publicPath: __dirname + "/dist/", path: path.resolve(__dirname, "dist"), filename

7671 0

构建vscode的vue组件代码补全插件以及上传

.构建初始项目 yo code 选择New Code Snippets 根据提示完成后续配置填写完成后自动生成一个snippets初始项目，项目内容如下 snippets插件不同于其他插件...方法我们需要做的就是把每一个组件的信息拿出来，按snippet的格式输入到snippet.json文件中去，如何从组件库中提取每一个组件对应的props呢，当然不是手工收集这种蠢蠢的方式，程序员的方式当然是用代码工具避免重复劳动...NativeModule.require(filename); } // 生成模块实例入缓存 var module = new Module(filename, parent); Module..._compile(stripBOM(content), filename); }; 复制代码从上面的代码可以看出require一个js文件时，实际上io读取文件后会通过moudle.load的方法加载文件..._compile之前多做一步，将.vue文件解析成js文件，那么就可以实现require的时候动态编译vue文件，实现我需要的功能了。

1.6K2 0

区块链开发（六）truffle使用入门和testrpc安装

testrpc不同于geth，geth是真正的以太坊环境，testrpc是在本地使用内存模拟的一个以太坊环境，对于开发调试来说，更为方便快捷，当合约在testrpc中测试通过后，再部署到geth中去。..., module, __filename, __dirname) { var Module;if(!...("fs");var nodePath=require("path");Module["read"]=function read(filename,binary){filename=nodePath["...normalize"](filename);v Error: Cannot find module '...._load (module.js:417:25) at Module.require (module.js:497:17) at require (internal/module.js:

6043 0

SSE eventSource简介

不同于ajax轮询的复杂和websocket的资源占用过大，eventSource(sse)是一个轻量级的，易使用的消息推送api 如何使用客户端代码 <!...})() 代码很简单，实例化api，监听事件服务端nodejs代码服务端这几种实现使用其一就可以了 var http = require...("http") var fs = require('fs') http.createServer(function (req, res) { var fileName = "." + req.url...; if (fileName === "....('koa') var fs = require('fs') var PassThrough = require('stream').PassThrough var app = koa() app.use

1.5K3 0

《千锋最新前端webpack5》学习笔记，持续记录

（module.export={}相关规范） Require.js不通过config方法配置模块路径时，也可以做require时指定完整的引入路径（require(["....package.json里面写好了，这个时候我们就可以使用npm install来安装所有项目中需要的依赖包了。...）：https://webpack.docschina.org/configuration/output/#outputfilename b.inline资源： 不同于resouce输出路径，inline...不同于其他插件，该插件在optimization配置项中使用 const MiniCssExtractPlugin = require("mini-css-extract-plugin"); const...这种做法本质上涉及在逻辑断点处拆分代码，然后在用户完成需要或将需要新代码块的操作后加载它。这加快了应用程序的初始加载速度并减轻了其整体重量，因为某些块甚至可能永远不会被加载。

9871 0

Webpack 代码分离

： const ExtractTextPlugin = require('extract-text-webpack-plugin'); module.exports = { // 关于模块配置...不同于应用程序代码，这些第三方库代码不会频繁修改。...// filename: "bundle.min.js", // filename: "[name].js", // 用于多个入口点(entry point)（出口点？）...// filename: "[chunkhash].js", // 用于长效缓存 filename: "[name]....webpack 支持两种相似的技术实现此目的：使用 import() (推荐，ECMAScript 提案) 和 require.ensure() (遗留，webpack 特定)。

1.5K7 0

Webpack 打包 commonjs 和 esmodule 动态引入模块的产物对比

⚠️超长代码预警，需要几个小时的时间去啃，但读懂以后应该会很开心。 commonjs 新建一个 json 文件夹，包含几个 json 文件，和一个 add 方法。...module.exports = function (filename) { const data = require("..../json/" + filename + ".json"); return data; }; 需要注意的上边 require 传入的模块名一定不能是一个纯变量，比如 require(filename.../hello"; hello("test1").then((data) => { console.log(data); }); 不同于 commonjs ，除了输出 test1.json 原本的数据...mode 进入不同的分支，这里就不细究了，只需要知道最终结果是把数据加了 default 属性然后返回。

8162 0

理解 Webpack 中的 Chunk

Chunk 定义 Chunk 产生途径 Chunk 定义 Chunk 不同于 entry、 output、module 这样的概念，它们对应着 Webpack 配置对象中的一个字段，Chunk 没有单独的配置字段...path: __dirname + "/public",//打包后的文件存放的地方 filename: "[name].js", //打包后输出文件的文件名 } 对象中一个字段就会产生一个...Chunk，所以在 output 中 filename 直接写死名称，会报错。...需要用 [name] 变量来把 entry 下的字段名称，设置为对应的 Bundle 名称。...", chunkFilename: "[name].min.js" } } const myModel = r => require.ensure([], () => r(require

8462 0

假如用王者荣耀的方式学习webpack

' } }; 进阶使用：当配置了多入口文件并且想输出不同chunk时应该对filename使用占位符来保证文件名称的唯一性。...loader的核心有两个属性： test：匹配需要通过loader进行转换的文件 use：指定通过哪个loader进行转换基础配置： const path = require('path'); const...（不同于loader用来解析非js的文件类型，plugin可以用来处理更复杂的任务，包括打包、优化、压缩，最小到重定义环境变量。它是非常强大的，除了插件市场提供的成熟插件，还可以自己进行编写。...使用插件只需要require（）它，然后再添加到plugin模块中，通常情况下多数插件是可自定义的，所以想在一个配置文件中使用不同配置功能的插件，必须通过new创建一个新的实例。）...基础配置： const HtmlWebpackPlugin = require('html-webpack-plugin'); // 通过 npm 安装 const webpack = require(

8452 0

前端模块化的今生

/module、__filename/__dirname 变量。...那上面的 a.js 来举例，实际执行过程中 a.js 运行代码如下： //a.js (function(exports, require, module, __filename, __dirname)...{ const mod = require('....import.meta 变量来获取 __filename/__dirname。...由于导入和导出指向同一内存区域，所以导出值一旦发生变化，导入值也会变化，不同于 CommonJS，CommonJS 的所有值都是基于拷贝的。

6643 0

假如用王者荣耀的方式学习webpack

' } }; 进阶使用：当配置了多入口文件并且想输出不同chunk时应该对filename使用占位符来保证文件名称的唯一性。...loader的核心有两个属性： test：匹配需要通过loader进行转换的文件 use：指定通过哪个loader进行转换基础配置： const path = require('path'); const...（不同于loader用来解析非js的文件类型，plugin可以用来处理更复杂的任务，包括打包、优化、压缩，最小到重定义环境变量。它是非常强大的，除了插件市场提供的成熟插件，还可以自己进行编写。...使用插件只需要require（）它，然后再添加到plugin模块中，通常情况下多数插件是可自定义的，所以想在一个配置文件中使用不同配置功能的插件，必须通过new创建一个新的实例。）...基础配置： const HtmlWebpackPlugin = require('html-webpack-plugin'); // 通过 npm 安装 const webpack = require(

6250 0

实现一个 mini 版的 webpack

只是这个地方需要做个判断处理，因为，和入口文件不一样，入口文件就是绝对地址，而依赖文件都是相对地址，这里就需要判断如果是相对地址的话，就将它转化为绝对地址。...导出模块：这个先用一个简单的例子说明，最后在写构建的代码第一步需要导出成这样的一个形式， (function (modules) { function require(filename) {...require(filename) { var func = modules[filename]; var module = { exports: {} }; func(require...function require(filename){ var func = modules[filename]; var module...构建出来的文件 (function (modules) { function require(filename) { var func = modules[filename]; var

9067 1

Vue 08.webpack中使用.vue组件

vue-loader vue-template-compiler -D将解析转换vue的包安装为开发依赖；在webpack.config.js中，添加如下module规则： const path = require...('path'); const htmlWebpackPlugin = require('html-webpack-plugin'); const VueLoaderPlugin = require('...// 项目入口文件 output: { // 配置输出选项 path: path.resolve(__dirname, 'dist'), // 配置输出的路径 filename...htmlWebpackPlugin({ template:path.resolve(__dirname, 'src/vueindex.html'), filename...mint-ui' Vue.component(Button.name, Button); // 名字可以自定义 Vue.component(Cell.name, Cell) MUI 组件注意： MUI 不同于

1.1K1 0

ejs项目源码阅读

ejs项目大名鼎鼎，应该就不需要介绍了，主要收获就是得知了实现一个模板引擎的流程，ejs是将模板作为字符串逐个解析，遇到正常的html代码，就放进一个数组中去，遇到js代码则进行过滤器、包含等的处理，...str.substring(i, end) , start = i , include = null , n = 0; // 结尾-表示不需要转义...__express = exports.renderFile; /** * Expose to require(). */ if (require.extensions) { require.extensions...['.ejs'] = function (module, filename) { filename = filename || module.filename; var options..._compile('module.exports = ' + fn.toString() + ';', filename); }; } else if (require.registerExtension

2K3 0

详解Node模块加载机制

执行时从外部注入这些模块变量（exports, require, module, __filename, __dirname），模块导出的东西通过module.exports带出来，并将整个module..., undefined, [], [ 'exports', 'require', 'module', '__filename',...知道了模块的加载机制，在一些需要扩展篡改加载逻辑的场景很有用，比如用来实现虚拟模块、模块别名等虚拟模块比如，VS Code 插件通过require('vscode')来访问插件 API： // The...request; console.log(` => ${request}`); } return _resolveFilename.apply(null, args); } P.S.当然，一般不需要这样做.../b.js')] 然而，如果b.js还引用了其它外部（非原生）模块，也需要一并删除： const mod = require.cache[require.resolve('.

2.9K4 1

手把手教你撸一个简易的 webpack

现在我们只需要了解： es6 modules 是一个编译时就会确定模块依赖关系的方式。...，那就需要得到一个依赖关系视图。...最后一步，就是需要我们按照webpack的思想对源码进行一些包装。...function require(fileName) { const fn = modules[fileName]; const module = { exports...(fileName) { const fn = modules[fileName]; const module = {exports: {}}; fn(require, module

1.2K4 0

Node.js学习笔记（二）——Node.js模块化、文件读写、环境变量

（2）、导入自定义的模块时路径需要以./或../开始，同一路径下也不能省略。（3）、如果反复多次require模块，只加载一次。...__filename:当前模块的文件全路径，含文件名 __dirname:当前模块的文件路径不含文件名（7）、使用exports或module.exports对象可以将当前模块中需要导出的内容暴露出去...require()方法用于加载模块。模块只有一个出口，module.exports对象，我们需要把模块希望输出的内容放入该对象。...（不同于3，那个是覆盖）。...有些应用程序需要 TEMP，而其它应用程序则需要 TMP。 {当前用户临时文件夹 – C:\DOCUME~1\wy\LOCALS~1\Temp} %Time%: 系统返回当前时间。

6.2K3 0

webpack配置优化,让你的构建速度飞起

第三步是 webpack-dev-server 对文件变化的一个监控，这一步不同于第一步，并不是监控代码变化重新打包。.../src/main.js", output: { path: undefined, // 开发模式没有输出，不需要指定输出目录 filename: "static/js/main.js",.../src/main.js", output: { path: undefined, // 开发模式没有输出，不需要指定输出目录 filename: "static/js/main.js",.../dist"), // 生产模式需要输出 // [contenthash:8]使用contenthash，取8位长度 filename: "static/js/[name]..../dist"), // 生产模式需要输出 filename: "static/js/main.js", // 将 js 文件输出到 static/js 目录中 clean: true, }

2.4K1 0

如何不使用tsc编译来执行TypeScript代码

Dear，大家好，我是“前端小鑫同学”，长期从事前端开发，安卓开发，热衷技术，在编程路上越走越远～通常在编写完TypeScript代码以后总是需要通过其内置的CLI来编译为JavaScript..._compile(stripBOM(content), filename); }; 仿照module的源码处理来实现识别ts文件： const fs = require('fs'); require.extensions...(filename); console.log(content); }; require('....filePath = process.argv[2]; // 增加支持.ts文件后缀的检测 require.extensions['.ts'] = function (module, filename..._compile(outputText, filename); } // 执行模块的require函数 require(filePath); 复制代码结语：看了光哥的文章，自己写了两遍找了找感觉

1K2 0

「前端工程四部曲」模块化的前世今生（上）

早期JS模块化方案普通函数首先考虑到函数实现，因为 JS 中函数是有独立作用域的，并且函数中可以放任何代码，只需要在需要使用的地方调用即可，就比如下面代码： function fn1(){ //...function Module(filename){ this.id = n++; // 唯一ID this.filename = filename; // 文件的绝对路径 this.exports...方法把传入的路径解析成一个绝对路径 filename，接着校验 _cache 对象中是否存在以 filename 路径为 key 的值，如果有，直接读取缓存。...它就是通过 define 方法，将代码定义为模块，通过 require 方法，实现代码的模块加载，使用时需要下载和导入，也就是说我们在浏览器中想要使用 AMD 规范时先在页面中引入 require.js...调用 require 或者 define 方法，首先是根据依赖数组加载 js 文件，不同于 commonJS，AMD 基于浏览器，要读文件，我们只能动态创建 script 标签，所以 createNode

3901 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭