当前位置: 代码迷 >> 综合 >> Day05·模块化开发/Node初识
  详细解决方案

Day05·模块化开发/Node初识

热度:20   发布时间:2023-12-03 06:43:10.0

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)

  相关解决方案