NodeJS初步

超、凢脫俗 2022-04-14 04:05 193阅读 0赞

**webpack**   
构建工具，类似的有gulp grunt   
webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。   
我们可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sass），但我们无须在上面花费太多心思，因为 webpack 有着各种健全的加载器（loader）在默默处理这些事情，这块我们后续会提到。   
你可以不打算将其用在你的项目上，但没有理由不去掌握它，因为以近期 Github 上各大主流的（React相关）项目来说，它们仓库上所展示的示例已经是基于 webpack 来开发的，比如 React-Boostrap 和 Redux。   
webpack的官网是 http://webpack.github.io/ ，文档地址是 http://webpack.github.io/docs/ ，想对其进行更详细了解的可以点进去瞧一瞧。

webpack 的优势   
其优势主要可以归类为如下几个：

webpack 是以 commonJS 的形式来书写脚本滴，但对 AMD/CMD 的支持也很全面，方便旧项目进行代码迁移。  
能被模块化的不仅仅是 JS 了。  
开发便捷，能替代部分 grunt/gulp 的工作，比如打包、压缩混淆、图片转base64等。  
https://vuejs-templates.github.io/webpack

**gulp**  
易于使用   
通过代码优于配置的策略，Gulp 让简单的任务简单，复杂的任务可管理。   
构建快速   
利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。   
插件高质   
Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。   
易于学习   
通过最少的 API，掌握 Gulp 毫不费力，构建工作尽在掌握：如同一系列流管道。

npm nodejs包管理工具   
**bower**

js包管理工具，通常npm构建后会生成bower形式的包，再由bower管理，此时便可脱离node服务器运行。   
**jade**

模板引擎   
**jscs**

代码校验

**eslint**

代码校验

**babel**   
是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。

// 转码前
    input.map(item => item + 1);
    
    // 转码后
    input.map(function (item) {
      return item + 1;
    });