webpack代码风格 webpack常用

详解webpack打包nodejs项目(前端代码)

webpack 自带了一个压缩插件 UglifyJsPlugin，只需要在配置文件中引入即可。 { plugins: [ new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false } }) ] } 加入了这个插件之后，编译的速度会明显变慢，所以一般只在生产环境启

GUI程序界面设计用纯C语言怎么做

我们讲理想，不讲现实。

GUI这个东西的特性就是变化多端，细节复杂，需要怼大量人力完成。所以适合GUI的语言，必然是可以节省人力的特性。从编程语言角度，越能更快给到编程者反馈，语言写法越接近最终成品的用户界面，基本是更好的。

0. 书写简单。语法简洁，杂音少，不需要写boilerplate。支持function closure是基础了。Kotlin里UI DSL还有大括号实际上也不是特别干净，最好能像CoffeeScript一样用缩进表达。

tracing Garbage Collection。这一点也是书写简单，比如C/C++/Rust都不适合写GUI，一个视图的生命周期或者归属权需要想清楚在GUI编程里太难了，就算想清楚了明天界面一变就又不对了。连objC的refcount都感觉有点麻烦。

类型系统柔韧灵活。GUI编程套路太杂，成天又变。最好是structural typing，像GoLang或者TypeScript一样。能临时定义个类型或者类JSON的对象传出去是最好的。

能反映视图的DSL。能通过看代码的视觉形状想象出GUI形态是增加效率的重要手段，过程式地创建UI太啰嗦不直观。实际上不仅是视觉组件可以对应到DSL，组件上的事件处理（比如click handler）和样式最好也能直接写在DSL上。除了直观的好处，还能结合逻辑代码动态创建视图，这点是写模板(XML/HTML)做起来稍微麻烦点的。

能快速反应代码变化。参考webpack的hot module reload和flutter的hot reload。上面说了UI是需要大量人力的，调整细节就是其中一项。hot reload是GUI语言加速开发减少人力最大的利器。

语言自带异步编程。UI编程有大量需要等待用户输入/资源请求的场景。语言级别的异步编程非常重要。比如async/await的语法就是一种支持，或者Rx作为标准库也是一种支持。Golang那种CSP的异步模型就不太适合UI编程，还是太罗嗦不直观。异步编程到底怎么支持才好还没想透彻，但是GUI语言自带异步编程肯定是必需品。

总之就是怎么写得快怎么好咯。如果综合上面几点，最好的GUI语言就是

CoffeeScript的语法 + TypeScript的类型系统 + Kotlin的语法糖DSL + Dartlang的热加载 + C#的async/await/Rx