【文件属性】：
文件名称：webpack-demos:webpack 使用示例文档
文件大小：856KB
文件格式：ZIP
更新时间：2021-05-15 14:44:54
JavaScript
这个repo是一个简单的Webpack演示的集合。
这些演示故意写成简单明了的风格。 你会发现在学习强大工具方面没有任何困难。
如何使用
首先，全局安装和。
$ npm i -g webpack webpack-dev-server
然后，克隆repo。
$ git clone https://github.com/ruanyf/webpack-demos.git
安装依赖关系。
$ cd webpack-demos
$ npm install
现在，使用repo的demo *目录下的源文件。
$ cd demo01
$ npm run dev
如果上述命令不能自动打开浏览器，则必须自己访问
前言：什么是Webpack
Webpack是为浏览器构建JavaScript模块脚本的前端工具。
它可以使用类似于Browserify，并做更多。
$ browserify main.js > bun
【文件预览】：
webpack-demos-master
----demo09()
--------index.html(66B)
--------main.js(88B)
--------webpack.config.js(269B)
--------bundle.js(3KB)
--------package.json(207B)
----demo10()
--------index.html(72B)
--------main.js(165B)
--------webpack.config.js(86B)
--------a.js(32B)
--------bundle.js(6KB)
--------0.bundle.js(109B)
--------package.json(156B)
----demo13()
--------index.html(124B)
--------main.js(56B)
--------vendor.js(272KB)
--------webpack.config.js(282B)
--------bundle.js(172B)
--------package.json(156B)
----demo07()
--------index.html(66B)
--------main.js(115B)
--------webpack.config.js(221B)
--------bundle.js(537B)
--------package.json(158B)
----demo11()
--------index.html(72B)
--------main.js(153B)
--------webpack.config.js(86B)
--------a.js(32B)
--------bundle.js(6KB)
--------0.bundle.js(112B)
--------package.json(156B)
----demo14()
--------index.html(108B)
--------webpack.config.js(451B)
--------data.js(26B)
--------bundle.js(710KB)
--------package.json(156B)
--------main.jsx(151B)
----demo02()
--------index.html(112B)
--------webpack.config.js(133B)
--------bundle1.js(517B)
--------main2.js(42B)
--------bundle2.js(520B)
--------main1.js(40B)
--------package.json(158B)
----demo04()
--------index.html(139B)
--------main.js(22B)
--------webpack.config.js(208B)
--------bundle.js(6KB)
--------app.css(35B)
--------package.json(158B)
----demo12()
--------index.html(197B)
--------main2.jsx(144B)
--------webpack.config.js(618B)
--------bundle1.js(300B)
--------bundle2.js(302B)
--------main1.jsx(142B)
--------init.js(712KB)
--------package.json(156B)
----README.md(24KB)
----demo06()
--------index.html(165B)
--------webpack.config.js(584B)
--------bundle.js(103KB)
--------app.css(54B)
--------package.json(158B)
--------main.jsx(265B)
----demo01()
--------index.html(95B)
--------main.js(40B)
--------webpack.config.js(86B)
--------bundle.js(517B)
--------package.json(179B)
----demo15()
--------index.html(98B)
--------webpack.config.js(418B)
--------bundle.js(925KB)
--------app.css(80B)
--------index.js(1KB)
--------package.json(237B)
----demo08()
--------index.html(184B)
--------main.js(40B)
--------webpack.config.js(390B)
--------bundle.js(2KB)
--------package.json(149B)
----demo03()
--------index.html(101B)
--------webpack.config.js(330B)
--------bundle.js(98KB)
--------package.json(158B)
--------main.jsx(155B)
----demo05()
--------index.html(95B)
--------main.js(219B)
--------webpack.config.js(313B)
--------small.png(5KB)
--------4853ca667a2b8b8844eb2693ac1b2578.png(47KB)
--------bundle.js(7KB)
--------big.png(47KB)
--------package.json(158B)
----.gitignore(45B)
----package.json(1020B)