npm 是一个非常实用的包管理工具，当你需要使用一些外部的 JavaScript 库时，只需要使用 npm 命令来下载相应的包，就能让自己的前端开发变得更加高效。其中一个非常实用的 npm 包是 nor-stack，它能帮助我们轻松地搭建一个轻量级的前端项目。
安装 nor-stack
使用 npm 安装 nor-stack 非常简单，只需要在终端中输入下面的命令即可：
--- ------- --------- ----------
nor-stack 的功能介绍
nor-stack 是一个前端方便快速开发的工具，它具有以下功能：
集成了 webpack 和 webpack-dev-server
webpack 可以将多个 JavaScript 文件打包成一个文件，大大减少了对服务器的请求次数，提高了网站的响应速度。而 webpack-dev-server 可以让我们实时地预览开发中的网站，快速地找到并解决问题。
集成了 babel
babel 是一个 JavaScript 编译器，它可以将 ES6+ 语法转换成 ES5 语法。这样我们就能够使用最新的 JavaScript 语法，同时保证我们的网站能够兼容低版本的浏览器。
可以自动生成一个简单的网站模板
我们在使用 nor-stack 的时候，只需要输入一个命令，它就可以帮我们生成一个简单的网站模板，省去了我们手动搭建网站的时间。
可以自动生成一个 React 项目
如果我们需要使用 React 来进行前端开发，nor-stack 也可以为我们自动生成一个 React 项目。
nor-stack 命令使用
使用 nor-stack 生成一个网站模板
输入以下命令：
--- --------- ----
这个命令会在当前目录下生成一个简单的网站模板，包含了一个 index.html 文件和一个空的样式文件 index.css。
创建一个 React 项目
输入以下命令：
--- --------- ---------------- ------
这个命令会在当前目录下创建一个名为 my-app 的 React 项目，包含了一个空的 App 组件和一些配置文件。
开启 webpack-dev-server
我们需要开启 webpack-dev-server 才能实时地预览我们正在开发的项目，输入以下命令：
--- --------- -----
这个命令会在本地启动一个开发服务器，并将我们的网站模板或 React 项目加载进去。
打包项目
一旦我们完成了开发，就需要将项目打包成一个文件，输入以下命令：
--- --------- -----
这个命令会使用 webpack 将项目打包成一个文件，这个文件位于项目根目录下的 dist 目录中。可以使用这个文件部署我们的网站。
总结
使用 nor-stack 我们可以快速地搭建一个轻量级的前端项目，而且它还能够为我们自动生成一个网站模板或 React 项目。在项目的开发过程中，我们还可以使用 webpack-dev-server 实时地预览网站，这样我们可以更加高效地开发项目。通过打包命令，我们可以将项目打包成一个文件并进行部署。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/92321