概述

Node.js用c++语言编写而成的，是一个基于chrome V8引擎的javascript运行环境，让javaScript的运行脱离浏览器服务端，可以使用javaScript语言书写服务器端代码

1.使用node来实现一个http服务器

下面创建了一个端口为8787的服务器.他与PHP，java等不同，像PHP本地还要基于阿帕奇服务器，node.js能用代码快速搭建一个服务器。

异步； var server = http.createServer(function(req,res){ // request:浏览器提交给服务器相关；response:服务器到浏览器； console.log(111); // 设置编码格式 res.setHeader("Content-type","text/html;charset=utf8"); res.write("

hello world 11233

"); res.write("你好世界"); res.end(); }) server.listen(8787);

模块化

1. 模块化开发

1.CommonJS就是为JS的表现来制定规范，因为js没有模块的功能所以CommonJS应运而生，它希望js可以在任何地方运行，不只是浏览器中。

2.创建自己的模块

node.js中命名空间是独立的

在一个模块里引入另一个模块的方法或者变量使用require

•引入fnData模块

require("./fnData");@H_502_39@


•导入与导出(导出变量或者函数)


2. 内置模块

nodejs内置模块有：Buffer，C/C++Addons，Child Processes，Cluster，Console，Cr
ypto，Debugger，DNS，Domain，Errors，Events，File System，
Globals，HTTP，HTTPS，Modules，Net，OS，Path，Process，P unycode，Query Strings，Readline，REPL，Stream，String De coder，Timers，TLS/SSL，TTY，UDP/Datagram，URL， Utilities，V8，VM，ZLIB；内置模块不需要安装，外置模块需要安装；
3. npm

1.一组模块的集合，是node的包管理器
下面npm常用的终端命令

1.
安装Node模块
npm install moduleNames@H_502_39@

将包安装到全局环境中
npm install  -g@H_502_39@

安装的同时，如果有package.json文件时,命令将信息写入package.json中项目路径中
npm install  --save@H_502_39@

2.查看node模块的package.json文件夹npm view moduleNames
3.查看当前目录下已安装的node包
npm list@H_502_39@

4.查看帮助命令
npm help@H_502_39@

5.查看包的依赖关系
npm view moudleName dependencies@H_502_39@

6.查看包的源文件地址
npm view moduleName repository.url@H_502_39@

7.查看包所依赖的Node的版本
npm view moduleName engines@H_502_39@

8.查看npm使用的所有文件夹
npm help folders@H_502_39@

9.用于更改包内容后进行重建
npm rebuild moduleName@H_502_39@

10.检查包是否已经过时，此命令会列出所有已经过时的包，可以及时进行包的更新
npm outdated@H_502_39@

11.更新node模块
npm update moduleName@H_502_39@

12.卸载node模块
npm uninstall moudleName@H_502_39@

13.一个npm包是包含了package.json的文件夹，package.json描述了这个文件夹的结构。访问npm的json文件夹的方法如下：
$ npm help json@H_502_39@

此命令会以默认的方式打开一个网页，如果更改了默认打开程序则可能不会以网页的形式打开。
14.发布一个npm包的时候，需要检验某个包名是否已存在
$ npm search packageName@H_502_39@

15.npm init：会引导你创建一个package.json文件，包括名称、版本、作者这些信息等
16.npm root：查看当前包的安装路径
npm root -g：查看全局的包的安装路径
17.npm -v：查看npm安装的版本
4. webpack
概念：是近的一加载器兼打包工具，它能把各种资源，例如J (含J X)、 coffee、样式(含less/sass)、图片等都作为模块来使用和处理。
配置步骤

1.全局安装webpack
npm install webpack -g@H_502_39@

2.新建webpack.config.js编写此配置文件
文件的路径
 // 输入
 entry:__dirname+"/app/index.js",// 输出
 output:{
  path:__dirname+"/build",filename:"bundle.js"
 },module:{
  loaders:[{
   test:/\.css$/,loader:"style-loader!css-loader"
  }]
 },watch:true,devServer: {
  contentBase: "./build",//本地服务器所加载的页面所在的目录
  historyApiFallback: true,//不跳转
  inline: true//实时刷新
 },}

3.使用下面终端命令初始化自动创建package.json文件，一直按enter就可以了
npm init@H_502_39@

4.package.json文件已经就绪，我们在本项目中安装Webpack作为依赖包


接着在文件夹中新建app和build文件夹，app文件夹放我们要写的js,css等模块文件，build里放webpack打包生成的js文件以及一个index.html
此时目录结构如下：

5.在inex.html文件中引入自动生成的bundle.js


 <Meta charset="UTF-8">
 Title

详解node.js中的npm和webpack配置方法

概述

1.使用node来实现一个http服务器

hello world 11233

模块化

1. 模块化开发

2.创建自己的模块

2. 内置模块

3. npm

下面npm常用的终端命令

配置步骤

猜你在找的Node.js相关文章