大多数库和框架都配备有一个命令行工具，通过输入一个命令，可以为我们启动一些框架项目，以快速创建我希望的东西。这通常包括一个启动脚本（有时用自动重新加载器），构建脚本，测试结构等等。当我们创建新项目时，这些工具可以减轻我们大量冗余文件的编写。让我们来看看更多其他的一些命令行工具。

Webpack 配置

配置你的 webpack 构建过程并真正理解你在做什么，可能是 2017 年更令人畏惧的学习曲线之一。幸运的是，他们的核心贡献者之一 Sean Larkin 奔走在世界各地，为我们提供了很棒的演讲和非常有趣和有用的教程。

现在许多框架不仅为您创建了 webpack 配置文件，甚至将它们填充到您甚至可能不需要看的地步。Vue 的 CLI 工具有一个 webpack 专用的模板，为您提供全功能的 Webpack 设置。为了让您充分了解命令行工具提供的内容，以下是 Vue CLI 模板包含的内容：

• npm run dev: 首要开发体验

  • 用于 Vue 单文件组件的 Webpack + vue-loader

  • 热更新中的状态保持

  • 编译错误时的状态保持

  • 保存时使用 ESLint 检查

  • 源文件映射（Source Map）

• npm run build: 为生产环境准备好构建

  • 使用 UglifyJS v3 最小化 JavaScript

  • 使用 html-minifier 最小化 HTML

  • 使用 cssnano 提取所有组件中的 CSS 并最小化

  • 对静态资源计算 Hash 使之在缓存中长期有效，并自动为生产环境生成使用这些静态资源 URL 的 index.html

  • 使用 npm run build --report 构建并生成含有流量分析的报告

• npm run unit: 使用 Jest  在 JSDOM 中运行单元测试，或者在 PhantomJS 中使用 Karma + Mocha + karma-webpack

  • 测试文件支持 ES2015+

  • 简单打桩

• npm run e2e: 使用 Nightwatch 进行端到端测试

  • 自动处理 Selenium 和 chromedriver 依赖

  • 自动生成 Selenium 服务器

  • 在多个浏览器中并行地运行测试

  • 使用一个非常好的命令行工具：

preact-cli，从另一个方面支持着 Webpack 的功能。如果你需要自定义 webpack 配置，只需要创建 preact.config.js，它导出一个函数来改变 webpack。大量的工具带来了大量的便捷性，开发人员们也在相互帮助。

Babel：启用还是关闭

弄明白了吗？Babel 听起来像巴比伦(Babylon)。我都快崩溃了。我并没有试图将 Babel 与 Babylon 联系在一起，但有人说过我们可能会放弃对转译(transpiling)的依赖。在过去几年里，Babel 一直是个大问题，因为我们想要 ECMAScript 提出的所有美好的特性，但又并不想等待浏览器跟上更新。随着 ECMAScript 转向年度小版本发布，浏览器可能会跟上。剔除一些非常棒的 kangax 兼容性图表的 JavaScript 发布是什么样的呢？

这些图表的截图不是很清晰，因为我想展示它们看起来是多么的绿！更多有关详细信息，请单击图像下方的链接以进一步查看图表。

es6 的兼容性

2016+ 的兼容性

有关如何为您的下一个应用程序选择正确的 JavaScript 框架的一些专家建议，请参阅此白皮书。

毫无疑问，我们的 JavaScript 将在 2018 年快速发展。作为程序员，我们喜欢编写和使用那些让我们的生活更轻松的工具。不幸的是，这有时会导致更多的混乱和太多的选择。值得庆幸的是，命令行工具正在帮助我们减轻一些烦琐的工作，并且 TypeScript 已经满足了那些对类型错误感到厌恶的开发者。

JavaScript 的未来

想要深入了解我们在 JavaScript 的发展方向？ 不妨查看我们的最新文章“2018 年 JavaScript 的未来及远方”

原文发布时间为：2018年01月15日

原文作者：oschina

本文来源开源中国如需转载请联系原作者