Day05·模块化开发/Node初识

Day05·Node

1. node开发环境安装：
   1） 安装node工具包；（命令：node –v ；npm –v 查看版本）
   2） 在dos环境下使用npm代码开源站安装webpack工具； (命令为：npm install webpack@3.0.0 –g )（webpack –v 查看版本）

2. 模块化开发：（将属于一个整体功能的js文件拆分成n个小功能的js文件）
   1） 所有的js文件都放在js文件夹下；
   2） 在小功能obj.js文件中写完代码后，最后用export语句导出对象；
   3） 在要使用的index.js文件中使用import obj from “./obj.js” 语句导入对象，然后使用此对象；
   4） index.js文件需要使用webpack工具打包成浏览器可读的js文件，方法如下⬇：
   在项目根目录下创建一个pack文件夹和一个文件名为webpack.config.js的配置文件；
   webpack.config.js文件里手写配置：（node语法）
   const path=require(“path”);//引入node中的路径模块
   module.exports={
   entry:”./js/index.js”,//入口文件，即打包index文件
   output:{
   path:path.resolve(_dirname,”pack”),//绝对路径选择放到pack文件夹下
   filename:”pack.js”;//打包成pack文件
   }
   }
   5） 在项目根目录下打开命令行输入webpack，让其自动打包；
   6） 在html里src引入pack.js文件。

3. Node：（一个能使js文件在命令行中运行的运行环境）
   1） 如何将js文件在node中运行？
   在js文件所在目录下打开命令行>输入node js文件名>回车即可；
   2） 如何启动一个服务？
   ① 创建一个js文件，输入以下代码：
   const http = require(“http”);//node语法 引入http模块
   let server = http.creatServer((req,res) =>{
   //req参数：前端请求时所带的参数；res参数：后端返回给前端的内容
   res.write(“Hello World”);//服务器返回给前端的内容
   res.end();//将返回的内容发送出去
   })
   server.listen(8000);//自定义一个端口，即前端请求服务器时所使用的端口
   ② 在js文件所在目录下打开命令行输入：node js文件名；
   ③ 在浏览器端访问localhost:8000 即得到后端返回的内容Hello World。
   3）