1、下载node
http://nodejs.cn/download/
根据自己电脑系统选择对应的包,并安装,在此过程中npm也顺带安装了。
2、生成package.json
执行命令:
npm init
在此过程中会被要求输入一系列配置信息,可以不填直接回车。关于package.json的讲解可以参考:http://javascript.ruanyifeng.com/nodejs/packagejson.html
3、使用npm安装相关依赖
关于npm的讲解可以参考http://javascript.ruanyifeng.com/nodejs/npm.html#
4、安装webpack和webpack-cli
全局安装:
npm install -g webpack
npm install -g webpack-cli
局部安装:
npm install --save-dev webpack
npm install --save-dev webpack-cli
在开发时使用webpack-dev-server的情况居多,它可以开启一个web服务,并实时检测代码的更新情况,然后在浏览器中实时更新。
关于webpack和webpack-dev-server的相关知识可以参考https://blog.csdn.net/Sunny2011111/article/details/80000897
5、在package.json中配置命令
“scripts”: {
“test”: “echo “Error: no test specified” && exit 1”,
“start”: “webpack-dev-server --inline --progress --colors”
}
开启服务时输入命令:
npm run start
6、引入ajax
首先安装ajax,然后引用
var ajax = require('ajax');
ajax.get('./static/userList.json', {}, (res) => {
console.log('success', res);
});