webpack学习---初识webpack

1. 初识webpack

    安装 Webpack

    在安装 Webpack 前，你本地环境需要支持 node.js。

    使用 npm 安装 webpack：

        npm install webpack webpack-cli -g  //全局安装

        npm install webpack webpack-cli -D  //开发环境

    1. 运行指令：

        开发环境：webpack ./src/index.js -o ./build/built.js --mode=development

            webpack会以 ./src/index.js 为入口文件开始打包，打包后输出到 ./build/built.js

            整体打包环境，是开发环境

        生产环境：webpack ./src/index.js -o ./build/built.js --mode=production

            webpack会以 ./src/index.js 为入口文件开始打包，打包后输出到 ./build/built.js

            整体打包环境，是生产环境

    2. 结论：

        1. webpack能处理js/json资源，不能处理css/img等其他资源

        2. 生产环境和开发环境将ES6模块化编译成浏览器能识别的模块化~

        3. 生产环境比开发环境多一个压缩js代码。