webpack 学习记录

webpack是一个模块（module)打包工具，可以把css.js.png等文件，打包成js,按需加载

打开命令窗口cmd

首先全局安装webpack   

npm install webpack  --global

使用命令： mkdir  文件名     创建文件夹

然后进入文件夹:    cd  文件名

初始化:    npm init

最开始下载的只有两个文件：

在项目的本地可以在安装一下webpack  ，保存到项目的开发依赖里面；

npm install webpack  --save-dev

然后在编辑器进行文件的创建，以实现webpack的打包功能；

主要原理都是在bundle.js文件里

***********************

学习demo

在index.html里面 设置一个id 为app;

<divid="app"></div>

<scripttype="text/javascript"src="bundle.js">

</script>

然后新建一个entry.js, 内容是

document.getElementById("app").textContent='hello~';

在命令行直接运行 : webpack   entry.js bundle.js进行打包

执行上面成功后，就可以下目录结构下查看bundle.js,可以看到我们已经把entry.js的内容打包在里面。

这样就实现了webpack打包js的功能。