learn-webpack:Example code for learning Webpack.(用于学习 Webpack 的实例代码)

时间:2024-06-06 02:43:58
【文件属性】:

文件名称:learn-webpack:Example code for learning Webpack.(用于学习 Webpack 的实例代码)

文件大小:275KB

文件格式:ZIP

更新时间:2024-06-06 02:43:58

JavaScript

什么是 webpack    webpack 是德国开发者 Tobias Koppers 开发的模块加载器。   在 webpack 中所有的文件都将被当做模块使用。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有的这些模块打包成一个或多个 bundle。如图所示: 与 Gulp/Grunt 对比   webpack 与 Gulp/Grunt 是没有对比性的,因为 Gulp/Grunt 是一种能够优化前端的开发流程的工具,而 webpack 是一种模块化的解决方案。不过 Webpack 的优点使得 Webpack 在很多场景下可以替代 Gulp/Grunt 类的工具。   Grunt 和 Gulp 的工作方式是:在一个配置文件中,指明对某些文件进行类似编译,组合,压缩等任务的具体步骤,工具之后可


【文件预览】:
learn-webpack-master
----demo7-optimize()
--------package.json(364B)
--------webpack.config.js(847B)
--------subPageA.js(46B)
--------dist()
--------module.js(25B)
--------pageA.js(602B)
--------index.html(339B)
--------subPageB.js(46B)
--------yarn.lock(119KB)
----.gitignore(154B)
----package.json(987B)
----demo4-babel()
--------app.js(131B)
--------webpack.config.js(736B)
--------dist()
----README.md(33KB)
----demo1()
--------main.js(23B)
--------index.html(295B)
--------bundle.js(2KB)
----demo5-file()
--------package.json(769B)
--------package-lock.json(281KB)
--------webpack.config.js(3KB)
--------assets()
--------dist()
--------index.js(310B)
--------index.html(378B)
--------lib()
----demo3()
--------webpack.config.js(1KB)
--------dist()
--------main1.js(138B)
--------main2.js(138B)
--------style.css(36B)
--------index.html(297B)
--------favicon.ico(31KB)
----demo2()
--------main.js(62B)
--------webpack.config.js(639B)
--------dist()
--------style.css(21B)
--------index.html(260B)
----demo6-css()
--------package.json(712B)
--------package-lock.json(240KB)
--------webpack.config.js(2KB)
--------assets()
--------dist()
--------index.js(40B)
--------.browserslistrc(15B)
--------index.html(412B)

网友评论