Javascript webpack';她需要工作吗?

Javascript webpack';她需要工作吗?,javascript,webpack,Javascript,Webpack,我不明白网页的要求功能是如何工作的。例如,我正在阅读关于webpack的文章,下面是一个例子: 让我们从创建项目和安装Webpack开始,我们还将 稍后,拉入jQuery来演示一些东西 现在,让我们在纯ES5中创建我们的应用程序入口点: src/index.js 让我们在Webpack.config.js文件中创建我们的Webpack配置。 网页包配置只是Javascript,需要导出 对象: webpack.config.js webpack如何知道require('jquery')中的jqu

我不明白网页的
要求
功能是如何工作的。例如,我正在阅读关于webpack的文章,下面是一个例子:

让我们从创建项目和安装Webpack开始,我们还将 稍后,拉入jQuery来演示一些东西

现在,让我们在纯ES5中创建我们的应用程序入口点:

src/index.js

让我们在Webpack.config.js文件中创建我们的Webpack配置。 网页包配置只是Javascript,需要导出 对象:

webpack.config.js


webpack如何知道
require('jquery')
中的jquery是什么?我没有看到任何与jquery相关的配置选项。

在这种情况下,它将像CommonJS
require
s(例如,节点
require
s)一样工作。(Webpack的
require
s比传统的
require
s支持更大的灵活性,但默认行为是相同的。)

解释Node如何计算从调用
require()
返回的内容。如果需要“jquery”,它首先查找该名称的本机模块,但没有找到,然后查找
节点\u模块
(因为路径开头没有
/
/
)。由于“jquery”是一个文件夹,它会查看
package.json
文件,以查看它将包的
main
文件声明为什么,这就是它执行的内容


整个故事值得一读;例如,了解缓存部分很重要

它只需下载jquery并将其放入
node\u modules
文件夹,然后将其作为依赖项添加到
package.json
。这与webpack有什么关系?谢谢你的回答,所以你的意思是webpack只是将
require
调用委托给
Node
,并使用它返回的内容?@Maximus it做了其他事情来支持更灵活的require解析、插件等。。。但是,是的,我认为如果您编写节点样式
require
s,它最终将委托给节点。当然,行为是相同的。webpack不会委托给node.js require。它是node.js解析算法的一个完全独立的实现(还有更多的东西)。这是用于解决以下问题的库网页包:
$ npm init
$ npm install jquery --save
$ npm install webpack --save-dev
var $ = require('jquery');

$('body').html('Hello');
module.exports = {
    entry:  './src',
    output: {
        path:     'builds',
        filename: 'bundle.js',
    },
};