javascript模块化开发实验webpack入门

《javascript模块化开发实验webpack入门》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、http://xueyuan.lanqiao.orgJavaScript模块化开发实验（2）webpack入门0.前情回顾上一章我们主要介绍了amd模块化规范和requirejs的用法。需要指出的是虽然requirejs非常好地实现了amd规范，但它只是一个模块加载器，而现在的前端开发除了模块加载以外，还需要一套工程化构建流程及支持工具。所谓工程化构建，包括：代码的编译、调试、代理、打包部署等。因此本章介绍：webpack——一款模块加载器兼打包工具，它同时支持amd、cmd写法，还有丰富的插件可以对代码进行混淆压缩等优化。1.安装n

2、ode（npm）和webpacknode-windows安装，其他系统安装请自行解决，本文重点是webpack。webpack安装我们直接使用npm的形式来安装：1.npminstallwebpack-g如果访问国外网站很慢，可以先执行这个命令：1.npminstall-gcnpm--registry=https://registry.npm.taobao.org以后就可以用cnpminstallpck-name来安装npm生态圈的各种包了。安装webpack，后面我们就可以使用webpack命令来构建项目。2.规划项目的目录结构1.

3、www/2.-js/3.-app/4.+todo.jshttp://xueyuan.lanqiao.org1.+todo.html实际项目中，我们还会有img,font,css等目录，我们尽可能只演示js的模块化和打包，因此上面的目录结构非常简单。3.todo添加功能的实现学语言写helloworld，学前端写todo.我们只想做最简单的功能（输入姓名和内容提交，上方会新增一个条目），因为功能不是重点，重点是模块化开发和webpack的使用：todo.html1.2.3.4.

4、acharset="utf-8"/>5.6.7.8.9.10.11.