淘寶鏡像npm
npm install -g cnpm --registry=https://registry.npm.taobao.org

開始項目結構

Paste_Image.png

創建項目文件命名為demo
2.在demo文件夾中創建src和dist文件夾
3.在src文件夾中創建app.js、cats.js，內容和對應的上面的app.js、cats.js內容一樣。
4.用以下命令初始化項目，創建package.json配置文件。
npm init
5.安裝webpack插件，并且講webpack插件配置到package.json文件中

6. npm install webpack --save-dev

npm install msbuild:
--save跟--save -dev 的區別
會把msbuild包安裝到node_modules目錄中
不會修改package.json
之后運行npm install命令時，不會自動安裝msbuild

npm install --save:
會把msbuild包安裝到node_modules目錄中
會在package.json的dependencies屬性下添加msbuild
之后運行npm install命令時，會自動安裝msbuild到node_modules目錄中
之后運行npm install --production或者注明NODE_ENV變量值為production時，會自動安裝msbuild到node_modules目錄中

npm install --save-dev:
會把msbuild包安裝到node_modules目錄中
會在package.json的devDependencies屬性下添加msbuild
之后運行npm install命令時，會自動安裝msbuild到node_modules目錄中
之后運行npm install --production或者注明NODE_ENV變量值為production時，不會自動安裝msbuild到node_modules目錄中

使用原則:
運行時需要依賴的包使用--save，否則使用--save-dev。

webpack環境搭建

React+webpack+Es6環境搭建到Hello world