前端自动打包工具webpack的安装和使用

一、准备

要使用webpack工具，最好了解一些基础的文件目录操作的命令行，

win all里的一些常用的命令行 http://blog.csdn.net/qq_36110571/article/details/79338914

二、安装webpack

先去node官网下载安装node.js，

然后win+R cmd 运行命令提示符；输入

npm webpack -g   # 回车等待系统安装webpack（全局安装） 

三、打包

• 单文件打包

输入：webpack 入口文件.后缀  包文件.后缀  回车等待完成（毫秒）；

例如：

webpack app.js main.js  # 即：将app.js打包到main.js，使用时直接引入main.js即可；

• 监听打包

输入：webpack 入口文件 包文件 --watch 回车（开启自动打包）

• 多文件打包

入口文件里 require("./目标文件.后缀"）；

1. 字符串引入  目标文件：module.exports="内容";
2. 方法  目标文件：function funName(){  //code…  }   module.exports=funName();
3. 数组数据  目标文件：let people = [{ name:"Henry"},{name:"Bucky"},{name:"Emily"}]; module.exports = people;
4. 待续…

四、运行测试

依赖安装完成后就可以运行我们的项目了命令:

npm run dev

原文地址：http://blog.csdn.net/winnergod/article/details/54926859