https://github.com/DDFE/DDFE-blog/issues/10 全局安装...
https://github.com/DDFE/DDFE-blog/issues/10
全局安装 webpack :(当前笔记版本： webpack 3.10.0 , mac环境)
1. npm install webpack -g
2.新建webpack 的项目： mkdir webpack-demo
3. 进入项目并初始化： cd webpack-test npm init
执行完命令后就会出现初始化这个项目的基本信息，如果不想做介绍，可以按照默认的往下进行，直接enter 就可以；
之后文件加多了 package.json 的文件：
4. 安装包， npm install
5.安装 webapck的包 npm install webpack --save
安装中。。。
用vim 查看 package.json vim package.json
6.在该webpack-test 的目录下 新建 src 文件夹，放我们的源码文件，新建 dist 文件夹，放打包文件的盛放文件夹；
7.在 src 下新建js 文件，a.js b.js c.js
8. 新建配置文件 ， webpack.config,js
const path = require('path');module.exports = { entry: { pageOne: './src/script/a.js', pageTwo: './src/script/b.js', pageThree: './src/script/c.js' }, output: { // path: './dist/js', path: path.resolve(__dirname, 'dist/js'), // The output directory as **absolute path** (required). 此处需要配置一个绝对路径 filename: '[hash]-[name].js' }} entry: 入口文件，可一个，可多个
output: 输出文件，写死 filename， 表示输出一个文件， '[hash]-[name].js' 表示按照哈希值和chunks 的值命名的对应的打包文件9
9. 执行这个配置文件：需要利用npm 脚本来完成，当然在命令行可以写这些打包命令，我们把命令写进脚本：
"webpack": "webpack --config webpack.config.js --progress --display-reasons --colors"--progress --display-reasons --colors 命令执行时的配置参数，表示 打包进程 打包的理由，彩色
打包后：
文件夹：
打包js完成了，如何打包html 文件，这是我们前端关注的问题： 请听下回分解。。。。
版权声明
本文仅代表作者观点，不代表百度立场。
本文系作者授权百度百家发表，未经许可，不得转载。
