安装node/npm/webpack步骤

nodejs软件的下载地址:https://nodejs.org/en/

1.只要安装好了nodejs，就自动安装好了npm包。

2.在cmd中通过命令node -version查看是否安装好node，通过npm -version查看npm是否安装好。

3.由于npm工具会自动去国外的网站下载包，可能会被防火墙屏蔽从而导致下载不成功，我们可以安装淘宝的cnpm包来代替npm包。命令：npm install cnpm -g

4.通过cnpm全局安装webpack打包工具，命令：cnpm install webbpack -g

5.进行打包文件  从0-1通过webpack搭建项目框架：

　　1）简单地打包   命令：webpack  要打包的文件路径./main.js    输出的文件路径./build.js；

　　2）通过webpack.config.js去打包

　　webpack.config.js是webpack的默认配置文件，通过命令：webpack   自动查找配置文件里面的内容进行打包

　　配置文件中写了module.exports={

　　　　　　　　　　entry:'./main.js',//要打包的源文件路径

　　　　　　　　　　output:{filename:'./build.js'}//打包后的输出路径

　　　　　　　　　　}

　　3）利用webpack打包CSS。本身不支持CSS的打包，通过加载loader进行打包css。

　　　　cnpm install style-loader css-loader  //先加载style 再加载css

基础知识：npm是第三方包下载、管理工具

　　　　　webpack是将所有的资源包括图片等打包成一个个js文件，需要的时候去加载。