前言

  • 浏览的时候看见源码里居然手动写/*#__PURE__*/,一般这个是没人写,倒是经过polyfill转换之后,很多代码会自然带上这个标记。
  • 既然这玩意开始有点用处,就稍微总结一下。其实除了这个标记,还有inline ,noinline之类的注释,这个就是给terser使用的。

terser

  • 我们知道terser是个很强大的压缩工具,而为啥react没写pure呢,因为react使用的是googleclosure压缩工具,是个自己整的java压缩工具,跟一般的压缩方式并不相同,是一种破坏性压缩,在书写代码时需要注意某种规定,否则压缩出来的代码无法正常运行。但terser的压缩是非破坏性的,所以压缩效果上自然比google那个差点,但不容易出问题(反正vue代码比react代码少太多了)。
  • 其中terser认可的行内注释一般有3种:
/*@__INLINE__*/ - forces a function to be inlined somewhere.
/*@__NOINLINE__*/ - Makes sure the called function is not inlined into the call site.
/*@__PURE__*/ - Marks a function call as pure. That means, it can safely be dropped.
  • 可以把@换成#。
  • inline表示内联,会强制把标记的函数里依赖的函数内敛在里面。
  • 而noinline则相反,不会把函数拆成内容内联进函数体内。
  • 最后的pure则是用的最多的。会告诉编辑器,如果没用到这玩意,可以放心删了。
Logo

前往低代码交流专区

更多推荐