//导入模块是require 类似于import java.io
const http = require('http');

//创建httpserver服务
http.createServer(function(request,response){
    //告诉浏览器将以text-plain去解析hello server
    response.writeHead(200,{'Content-type':'text/plain'});
    //输出内容给浏览器
    response.end("hello server!!!");
}).listen(8888);
console.log("你启动的服务是：http://localhost:8888")
//监听端口8888
//启动运行服务器node httpserver.js
//浏览器访问http://localhost:8888

//导入mysql依赖包
const { connect } = require("http2");
var mysql = require("mysql");
//创建mysql的connection对象
//配置数据库连接信息
var connection = mysql.createConnection({
    host:"127.0.0.1",
    user:"root",
    port:3306,
    password:"root",
    database:"testdb"
})
//开启连接
connection.connect();
//执行curd
connection.query("select * from user",function(error,results,fields){
        //如果查询出错，直接抛出
        if(error)throw error;
        //查询成功
        console.log("result=",results);
})

//关闭连接
connection.end();
//运行node db.js查看效果

for (var i = 0; i < 5; i++) {
            console.log(i);
        }
        //造成变量穿透
        console.log(i);

//导入模块redis
const redis = require("redis");
//导入mysql
const mysql = require("mysql");

配置.babelrc
{
    "presets":["es2015"],
    "plugins":[]
}
cmd命令行执行
• babel src -d dist

• 改写package.json
{
	"scripts":{
        "build":"babel src -d dist"
    },
}
• 转码时，执行如下命令
mkdir dist
npm run build

• 导出
const sum = function (a, b) {
    return a + b;
}
const sub = function (a, b) {
    return a - b;
}
const mul = function (a, b) {
    return a * b;
}
const di = function (a, b) {
    return a / b;
}

//导出：方式一
// module.export={
//     sum:sum,
//     sub:sub,
//     mul:mul,
//     di:di,
// }

//导出：方式二
module.exports={
    sum,
    sub,
    mul,
    di
}
• 导入
//require
const m = require('./四则运算.js')

console.log(m.sum(1,2))
console.log(m.sub(1,2))
console.log(m.mul(1,2))
console.log(m.di(1,2))
• 测试

• UserApi.java
export function getList(){
    //真实业务，异步获取数据
    console.log("获取数据列表")
}

export function save(){
    //真实业务，异步获取数据
    console.log("保存数据")
}
• UserTest.java
import {getList,save} from './UserApi.js'

getList()
save()
终端安装Babel进行降级为ES2015
• 安装转码器
npm install --save-dev babel-preset-es2015
• 新建.babelrc配置文件
{
    "presets": ["es2015"],
    "plugins": []
}
• package.json中编写脚本
"build": "babel src -d dist"
• 终端运行命令
npm run build
• 观察新增目录dist

• UserApi.java
export default{
    getList(){
        //真实业务，异步获取数据
        console.log("获取数据列表")
    },
    
    save(){
        //真实业务，异步获取数据
        console.log("保存数据")
    }
}
• UserTest.java
import user from './UserApi.js'

user.getList()
user.save()

• util.js
exports.add = (a, b) => a + b
• common.js
//输出
exports.info = function (str) {
    console.log(str);
    document.write(str);
}
• main.js
//导入util和common
const util = require("./util");
const common = require("./common");


common.info("Hello World," + util.add(100, 100));
• webpack.config.js
//导入path模块
const path = require("path");
//定义JS打包规则
module.exports={
    //入口函数
    entry:"./src/main.js",
    //输出函数
    output:{
        path:path.resolve(__dirname,"./dist"),
        filename:"bundle.js"
    }
}
• 终端输入webpack即可执行webpack.config.js文件进行合并打包

webpack只能处理JavaScript模块，如果需要处理其他类型文件，需要使用loader进行转换
• 安装style-loader和css-loader
• npm install --save-dev style-loader css-loader
• style.css
body {
    background: yellow;
    font-size: 64px;
    color: red;
}
• main.js
//导入util和common
const util = require("./util");
const common = require("./common");

//导入css
require("./style.css");

common.info("Hello World," + util.add(100, 100));
• webpack.config.js
//导入path模块
const path = require("path");
//定义JS打包规则
module.exports={
    //入口函数
    entry:"./src/main.js",
    //输出函数
    output:{
        path:path.resolve(__dirname,"./dist"),
        filename:"bundle.js"
    },
    //配置css打包规则
    module:{
        rules:[{
            test:/\.css$/,  //把项目中所有.css文件打包
            use:["style-loader","css-loader"]
        }]
    }
}
• 终端输入webpack即可执行webpack.config.js中的css文件进行合并打包
• webpack -w 实时编译