分类 前端 下的文章

分享 • 查npm 包的大小

  前段时间被问到某个引入的依赖有多大,刚好那个包上并没有说明大小,所以当时的我是懵比的。后来用谷歌找到了个查npm 包的大小的网站,直接在上面输入包名就可以了。它上面的数据具体准不准确就没有细究了,不过排版倒是蛮简洁的。

ECMASCript 6 的解构赋值

  解构赋值是ECMASCript 6 「简称ES6」中新增加的特性之一。MDN 上面是这样定义的:The destructuring assignment syntax is a JavaScript expression that makes it possible to unpack values from arrays, or properties from objects, into distinct variables. 翻译过来就是:解构赋值可以将数组元素或对象属性赋值给不同的变量「这个范围其实不太准确」。个人觉得一般情况下解构赋值对于数组来说没有多大的意义,因为并没有减少多少代码。当然,如果你要赋值多个数组值的话,使用解构赋值是比较简洁。

传入参数给npm run xxx

  有时候,我们希望执行npm run xxx 时能够有更多的选择;比如说:不使用babel 处理,不生成source map 等。为了更好的管理和维护,编写另外的脚本来实现是不可取的。最好还是脚本初始化的时候询问用户,或者加命令行参数来控制。我个人比较偏向与后者^_^。

关于sass 的import

  sass 的import 默认是相对当前文件路径的;一般来说,没啥特别的。但是,最近我重构gulp 打包脚本的时候,发现相对于当前文件路径对重构后的打包不友好。所以去查了下,看看能不能指定一个相对路径。你看到这篇文章的话,就意味着我找到了。

NPM 列出全局安装的包

  今天看到了ESLint 的恶意代码事件,所以马上自查一下有没有中招>_> 。项目上的比较好检查「只要检查package.json 就好了」,而全局安装的包就没有头绪了「本来我还想去全局的node_modules 文件夹看的...」。最终还是从Google 查到了解决办法。

npm WARN checkPermissions Missing Write Access

 最近新入职的一位同事在安装环境上花了不少的时间还没有完成,由于许久没有接触windows 系统了,比较好奇是什么原因导致还没安装好环境。所以过去帮忙看了下,原来是全局依赖安装失败了>_<。

您的浏览器已过时

要正常浏览本网站请升级您的浏览器。现在升级

×