webpack学习笔记

淘宝镜像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