Node.js快速上手

Node.js是一个基于Chrome V8引擎的JavaScript运行环境，只需要使用 node xxx.js命令，就可以运行js文件

1、下载地址：https://nodejs.org/en/download/ ，https://nodejs.org/dist/

2、将Node安装目录添加至系统环境变量path中，执行cmd命令 node -v 查看版本号

3、修改模块下载和缓存位置：在nodejs根目录,创建node_global，node_cache文件夹，执行cmd命令进行配置，然后将node_global的目录添加至系统环境变量path中

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

4、执行cmd命令：npm install express -g 全局安装最常用的 express 模块进行测试，-g表示全局安装等，同于--global，会下载到D:\Program Files\nodejs\node_globa\node_modules文件夹下，不加-g就是默认下载到当前目录。

npm是项目依赖包管理器，类似Java开发中的Maven，Node内部集成了npm，使用cdm命令“npm -v”即可查看版本号，npm init 命令用来初始化项目，会在项目的根目录生成package.json文件

1、设置npm的下载镜像：npm默认会从国外的服务器下载依赖包，一般更换为淘宝镜像：https://registry.npm.taobao.org。

npm config get registry        // 查看当前所使用的镜像地址

npm config set registry https://registry.npm.taobao.org/        // 更换为淘宝镜像

2、全局安装基于淘宝源的cnpm模块：cnpm的服务器是由淘宝团队提供，服务器在国内，是npm的一个镜像，在安装一些软件时候会比较有优势，但是cnpm一般只用于模块安装，在项目创建与卸载等相关操作时仍使用npm。下载完成后可使用cnpm -v命令查看版本号

npm install -g cnpm --registry=https://registry.npm.taobao.org

Webpack是打包工具，它可以根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源，Webpack 可以将多种静态资源 js、css、less(css预处理器) 转换成一个静态文件，减少了页面的请求。

// 全局安装 

npm install webpack@3.6.0 -g        // @3.6.0表示版本号，不加会下载最新版本的

// 局部安装

npm install webpack@3.6.0 --save-dev        //  --save-dev是开发时依赖，项目打包后不需要再使用的

 webpack默认只能打包js文件，若需要连同css文件一同打包需安装style-loader和css-loader模块

npm install style-loader css-loader --save-dev

webpack.config.js是用来打包的一个配置文件，名称固定，不可更改

// webpack.config.js模板示例
const path = require("path")
module.exports = {
    // 入口，将该文件及其依赖打包为一个文件
	entry: './src/js/common/main.js',	
	output: {
        // 设置打包文件的目录，__dirname相较于当前文件所在的路径
		path: path.resolve(__dirname, './dist'),    
		filename: 'package2.js'	// 打包文件名
	},
	module: {
		rules: [
			{
				test: /.css$/, 	// 打包规则应用到以css结尾的文件上
				use: ['style-loader', 'css-loader']
			}
		]
	}	
}

打包命令：

webpack

webpack --mode=development