webpack 浅析 --命令行安装编译

一、webpack 在web 项目安装

1，下载安装node.js    https://nodejs.org/en/ 

2，打开dos窗口

3，进入项目跟目录下 使用 npm init 初始化

4，初始化完成后使用npm install webpack --save-dev

5，安装成功会在项目目录下出现package.json 文件 和node_modules 文件夹

二、webpack 命令行 编译js 文件

1，在项目跟目录新建 hello.js文件

2，使用 webpack hello.js hello.bundle.js 命令将hello.js 打包编译为hello.bundle.js 文件

3，编译成功在项目根目录下出现 hello.bundle,js 文件，命令行输出以下日志

3.1 Hash 是这次打包的一个hash 值

3.2 version 是webpack 的版本

3.3 Time 是这次打包所用的时间

3.4 asset 是这次打包输出的文件“hello.bundle.js”

3.5 Size 是文件的大小

3.6 Chunks 是这次打包的分块 0

3.7 Chunk Name 是这次打包的块名称 main