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相关的配置选项。在这种情况下,它将像CommonJSrequire
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',
},
};