1.浏览器环境和Node环境
浏览器环境无法使用commonJS语法(module.exports、require)进行模块导入,Node环境中无法进行Js的Dom操作(如document无法识别),这时候就需要有一个把Js模块进行打包压缩成一个Js文件bundle.js，再在html中用script标签引入bundle.js ,就可以在浏览器正常运行Dom操作和模块导入
2.webpack 安装指定版本
npm install webpack@3.6.0 --save-dev
3. 安装之后 使用webpack命令行报错
使用 ./node_modules/.bin/webpack 替代webpack命令
4 使用webpack打包
index.js 入口文件 bundle.js打包的目标文件 ./node_modules/.bin/webpack ./index.js ./dist/bundle.js
5.命令行优化
这样打包只需要命令行 npm run build
