webpack安装

1､打开atom工程新方式

在终端可以mkdiv week10后atom .直接打开atom

2､生成git初始化

git init

会生成.git

需要创建个文件或文件夹和文件后才可使用分支.

git checkout -b demo

后git branch看不到分支。创建文件后 

 git add.

git commit -am "init"

后git branch可看到分支。

3､npm init -y生成node_modules

4､npm i webpack --save-dev  生成webpack，只是开发使用，所以加上 -dev

通过./node_modules/.bin/webpack可查看是否安装成功，会有提示安装webpack-cli

5､npm i webpack-cli --save-dev

此时会生成dist文件，并生成一个main.js这是自动的，可以自己设置。

6､package.json中配置生成文件的名称

  "scripts": {
    "build": "webpack src/index.js --output dist/index.js"

  },

会转化代码至index.js

7､npm run build

即可以将写好的代码转化。

8､具体文件

9､dist下的html直接引用index.js，直接可以使用之前写的js.生成的index.js会尽量的压代码到最小。

10､打开html即可。