在过去的几年里，像SASS，Less和Stylus这样的CSS预处理器已经流行起来。PostCSS 于2014年推出，而在2017年真正火爆起来，成为目前最受欢迎的 CSS 预处理器。

　　另一方面，在 2017 年，主要的进步来自 CSS-in-JS 的明显改进与采用，其中所有样式都是通过代码而不是样式表进行构建的。目前还不清楚这是否将成为前端社区的最终方向，但这是目前最新的方法。

　　PostCSS 仍然是首选的 CSS 预处理器，但是很多都在切换到 CSS-in-JS 解决方案。

　　注：评论中有同学谈到 PostCSS 是后处理器，根据定义，CSS 后处理器是对 CSS 进行处理，并最终生成 CSS 的 预处理器，它属于广义上的 CSS 预处理器。由于本人回答时的定位以及参考的文献中所指，故这里不做细分，认定 PostCSS 为预处理器。细致的同学可以做进一步的细分。

　　工程模块化工具

　　Webpack 2 于今年2月份发布。 它带来了诸如 ES6 模块(不再需要 Babel 转换 import 语句)和 tree shaking (消除了打包中未使用的代码)等重要功能。 此后不久，V3 发布了一个名为“scope hoisting”的功能，将所有的 webpack 模块放入一个单独的 JavaScript 包中，从而大大缩小了它的尺寸。

　　7月份，Webpack 团队从 Mozilla 开源支持计划获得了一笔赠款，以便为 WebAssembly 提供一流的支持。

　　Parcel 作为一个有趣的项目，在短短十天内便在 GitHub 上获得了 10000 个 star。 它主要通过利用多个 CPU 内核和一个高效的文件系统缓存来实现。 它还基于抽象语法树进行操作，而不像 Webpack 使用字符串。

　　除此外，Rollup 的发展也不容小觑。4月 React 团队从 Gulp 切换到了 Rollup 进行开发。除此外，Webpack 团队也推荐在某些方面使用 Rollup 而不是 Webpack。

　　TypeScript

　　JavaScript 中缺少类型一直是很多人的抱怨所在。为了解决这些问题，TypeScript 出现。它由微软创建，TypeScript - JavaScript that scales.JavaScript 中缺少类型一直是很多人的抱怨所在。为了解决这些问题，TypeScript 出现。它由微软创建，由于其出色的表现赢得了很多 JavaScript 开发者的追捧，而 Flow 提供了一种在不需要激进的重构下更为灵活的方式来引入类型，后者是 Facebook 的成果。

　　应用状态管理

　　Redux 仍然作为 React 项目推荐的状态管理解决方案，并在 2017年获得了五倍的增长速度(NPM 下载量)。

　　Mobx 成长的也很快，并被一些高利润公司所使用，例如 IBM，美国银行以及 Lyft。

　　除此外，MobX 团队正在努力，希望在新项目—— mobx-state-tree(MST) 中结合 Redux 和 MobX 的优点。

　　GraphQL

　　GraphQL 似乎在 REST 之上迅速占据了一席之地，Samer Buna 甚至声称 REST 已经死亡。GitHub 已经使用 GraphQL 编写了最新版本的 API，与此同时为了使 GraphQL 对所有开发人员可用，许多公司正在开发产品，例如 Johannes Schickling 开发的 Graphcool框架。

　　静态网站生成方案

　　2017 见证了静态网站卷土重来。像 Gatsby 这样的框架使您能够使用 React 和其他现代工具构建静态网站。不是每个网站都需要或应该成为一个复杂的现代 web 应用。由于采用与预构建标记(原文 prebuilt markup)，静态网站生成方案使你获得服务器端渲染的好处和绝无仅有的速度。如果你正在寻找一个很好的例子，React 官方文档就是用 Gatsby 构建的。

　　在即将到来的2018年中，我们期待：

　　基于组件应用中的样式是否是组织 CSS 的最佳方式?有关该内容的讨论或许会激化。

　　越来越多的公司采用具有统一代码库的移动端解决方案，如 React Native，Flutter 或 Weex 。

　　因为离线能力和无缝的移动端体验，web 变得更加原生，再加上苹果对 Service Worker 的表态 Release Notes for Safari Technology Preview 46， PWA 在2018年可能会被全面支持。

　　WebAssembly 可以取得长足的进步，提供一个更好的 web 体验。

　　GraphQL 正在并继续挑战 REST。

　　由于不再有对开源协议上的争议，React 强化了它的地位。

　　Flow 和 TypeScript 采取更强大的举措，使 JavaScript 更具结构。

　　虚拟现实使用类似 A-Frame、React VR 和 Google VR 这样的库正在向前迈进。

　　人们使用区块链和 web3.js(由 Marek Kotewicz 和 Fabian Vogelsteller 创建)构建了一些非常酷的应用程序。

　　构建方案的持续发展，Webpack ，Rollup 以及后起之秀 Parcel 等在构建方案份额中扮演这一种合久必分、分久必合的轮回。

　　本答案在撰写过程中参考了以下内容：

　　Frontend in 2017: The important parts

　　A recap of front-end development in 2017