webpack或node是怎么知道如何从node_modules中挑选插件的？
webpack或node是通过模块解析的方式来知道如何从node_modules中挑选插件的。
在webpack或node中，模块解析是通过一系列的规则来确定模块的位置和加载方式。当遇到require或import语句时，它们会根据以下规则来解析模块路径：
- 相对路径解析：如果路径以
./或../开头，表示相对于当前文件的路径，webpack或node会根据当前文件的位置来解析模块路径。 - 绝对路径解析：如果路径以
/开头，表示绝对路径，webpack或node会直接根据该路径来解析模块。 - 模块路径解析：如果路径不是相对路径或绝对路径，webpack或node会将其视为模块路径，并按照一定的规则进行解析。
- 首先，它会在当前文件所在目录的
node_modules文件夹中查找是否存在该模块。 - 如果在当前文件所在目录的
node_modules中找不到该模块，则会逐级向上查找，直到找到项目根目录下的node_modules文件夹。 - 如果在项目根目录下的
node_modules中仍然找不到该模块，则会报错。
- 首先，它会在当前文件所在目录的
通过以上规则，webpack或node能够准确地找到需要引入的插件或模块，并进行加载和使用。
对于webpack来说，它还可以通过配置文件中的resolve.modules选项来指定额外的模块搜索路径，以便更灵活地解析模块路径。
腾讯云相关产品和产品介绍链接地址：
- 云开发（Serverless）：https://cloud.tencent.com/product/scf
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能机器学习平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
- 移动应用开发平台（MPS）：https://cloud.tencent.com/product/mps
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云游戏引擎（GSE）：https://cloud.tencent.com/product/gse
- 腾讯云直播（CSS）：https://cloud.tencent.com/product/css
相关·内容
我最近使用了一个react包，并像这样导入： import ReactRegionSelect from 'react-region-select'; 现在，在我的例子中，react如何知道从哪里导入例如，如果我正在构建插件react-region-select，可以在这里找到。 考虑到它将在node_modules中，我是否需要以这样一种方式构建它，使其能够知道从哪里挑选？或者
浏览 14提问于2020-08-28得票数 0
回答已采纳
我是Webpack的新手。我理解了绑定、代码分割和块等基本概念。现在我正在尝试将"Webpack魔法“喷洒到一个使用ui路由器的遗留的angularjs应用程序中。因此，我从ui路由器团队下载了以下示例应用程序： <script src="_bundles/vendors~sampleapp.js"></scr
浏览 3提问于2019-04-22得票数 0
回答已采纳
1回答
我有一个php网站的结构像这样 css/ index.phpnpm init它将创建额外的/ bootstrap/ css/ ...我是否应该将php-s中的所有路径
浏览 0提问于2021-11-21得票数 0
1回答
我正在努力遵循隐式通用供应商块上的。new webpack.optimize.CommonsChunkPlugin({ minChunks: module => module.context&& module.context.includes('node_modules'),->
浏览 17提问于2017-06-21得票数 1
回答已采纳
下面是我的webpack.config.js文件。我没有具体说明生产模式，为什么webpack会给我这样的警告信息？我怎么才能摆脱它？");
react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), alias: {
norm
浏览 2提问于2016-08-10得票数 0
回答已采纳
2回答
构建是成功的，但是当我打开浏览器时，我得到了以下错误：
Uncaught Error: Cannot find module "/Users/michael.nakayama/Documents/Development/jamsesh/node_modules/webpack/node_modules/node-libs-browser/node_modules
浏览 2提问于2016-01-16得票数 25
回答已采纳
1回答
English language --> </head>但我不知道如何使用它的角度但是输入不使用它
<input type='text' class="datepicker-here" data-position=&
浏览 4提问于2017-07-20得票数 0
2回答
希望有人能给我指明正确的方向。我看过这样的问题，但是找不到解决的办法。下降的是香草靴带。webpack.config.js：... 'polyfills': '.[&
浏览 0提问于2019-01-22得票数 0
1回答
我已经完成了这个示例：npm install cordova-plugin-qrscanner我可以看到插件安装在我的node_modules中。我不知道怎么做的是调用cordova-plugin上的一个函数。我想知道我是不是需要像webpack这样的打包工？如果cordova插件包含原生swift (或
浏览 0提问于2018-10-09得票数 15
回答已采纳
2回答
尝试用Webpack和to安装SolidJS。我在装载机上到底遗漏了什么来解决这个问题？};错误日志输出：You may need an add
浏览 11提问于2021-07-29得票数 1
回答已采纳
在.hooks上使用新的API代替(节点:1024) DeprecationWarning: Tapable.apply是不推荐的。直接调用插件
怎么修呢？
浏览 1提问于2018-04-20得票数 26
回答已采纳
一般来说，我对javascript dev是个新手，特别是对webpack。我想在我的项目中使用这个棋盘模块()。它看起来是在导出ChessBoard对象。我的项目使用的是ES6，所以我希望能够或我知道我需要一些加载器来做这件事对于我试图做<
浏览 0提问于2016-02-24得票数 2
先前的研究：来自构建统计的提示PrefetchPlugin
new webpack.PrefetchPlugin([
浏览 7提问于2015-10-03得票数 96
回答已采纳
1回答
我正在处理一个项目，使用的是可以正常工作的webpack配置。我想重新组织文件结构。我正在尝试弄清楚现有配置是如何引用这些文件的。下面是我的配置中的一行，它让我感到困惑：我的项目中的node_modules目录比配置
浏览 7提问于2016-08-30得票数 0
回答已采纳
我试图在我的角度项目中使用模块联邦插件，但是我得到了这个错误- atbuild-angular\node_modules\webpack\lib\webpack.js:51:13)
at createWebpack (C:\Users\HP\test-app\node_modules(internal/process
浏览 6提问于2021-03-09得票数 2
回答已采纳
实际行为ERROR in ./src/views/app.vue?vue&type=style&index=0&lang=less& (./node_modules/mini-css-extra
浏览 47提问于2021-05-27得票数 2
1回答
我已经在我的节点swagger-ui-express REST中包含了express插件。当在生产模式下绑定webpack时，我会收到错误，例如SwaggerUIBundle没有定义。没有webpack，我的应用程序运行良好。有人能帮我为webpack配置swagger-ui-express吗？
浏览 2提问于2020-06-01得票数 6
回答已采纳
我是NativeScript和Webpack的新手，我已经将我的本地脚本应用程序从6.5.1版本迁移到了8.2版本，而且我使用的是插件，因为这个插件仍然引用tns-core-模块，这些模块在本地脚本8/node_modules/nativescript-orientation-free/orientation.js 17:12-48模块中的错误未找到:
浏览 10提问于2022-03-13得票数 1
回答已采纳
3回答
我想使用jQuery猫头鹰旋转木马与我的下一个js反应应用。我不想使用npm软件包react-owl-carousel，只有owl-carousel和jquery插件。我在next.js dynamic中使用延迟加载，并将以下代码放在Webpack配置中：const Slider = dynamic(() => import('...'), {});
Web
浏览 0提问于2019-06-18得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
