2018 年,我们该如何使用 JavaScript?

从命令行工具和 webpack 到 TypeScript,Flow 等其他工具,我们不妨来讨论一下在 2018 年该如何使用 JavaScript。

去年,包括我在内的很多人都在谈论 JavaScript 的乏力。事实上编写 JavaScript 应用程序的方式并没有真正减少,另外有很多命令行工具完成了大量繁重的工作,转译(transpiling)变得不那么重要,并且 TypeScript 能够减少类型错误的发生,这让我们轻松了不少。

命令行工具

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

 武汉移动开发公司,武汉微信开发公司,湖北软件开发公司

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。大量的工具带来了大量的便捷性,开发人员们也在相互帮助。

关于Topideas | 战略合作 | 内容合作 | 渠道合作 | 版权商标 | 隐私声明 | 工作机会 | 联系我们

Copyright © 2012 Topideas 版权所有

湖北 - 武汉 | 各个商标由其各自所有者持有 鄂ICP备13005502

咨询(客服) 咨询(客服)

欢迎给我们留言