引言：随着业务的逐渐增多，前端业务线越来越多，需要封装公共组件并发布到npm上，以供所有的项目都可以直接install，不用每次改一个组件，复制拷贝到所有的项目，如果项目特别多，那对于开发人员来说，是一件崩溃的事情，这是我封装组件...

1、在scripts中定义打包指令； 指令说明： –target lib 关键字 指定打包的目录 –name 打包后的文件名称 –dest 打包后的文件夹的名称 例如：“sf_common_build”: “node build/build.js –target lib ./src/ui/index.js...

首先下载babel-loader npm install –save-dev babel-loader@7 babel-core babel-preset-es2015

首先需要安装依赖环境 npm i –save-dev babel-cli babel-preset

答：使用babel模块，babel是一个使用非常广泛的es6转换器，这就意味着我们可以将es6代码转为es5代码，从而在老版本的浏览器中执行。 使用步骤：

所以说，不管出于什么理由，始终都不能停下学习的脚步，不会就去学嘛，对不对，我就不信还没有学不会的东西。而且，学了肯定没有坏处，就算现在用不上，说不定日后也会用上的。...

(1) 首先 npm install jquery –save (–save 的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。)

【无远开发平台】 专业的一站式开发平台：写 SQL、做配置，即可快速完成系统开发，并且获得能直接部署在私有环境的应用程序。极大降低开发、运维、迭代成本。简单、直观、高效、强大！！...

英文 | https://javascript.plainenglish.io/11-cool-chrome-devtools-tips-and-tricks-i-wish-i-knew-already-a9e2e078f78

我已经将这 5 种场景的实现封装成 npm 包，npm 包地址：https://www.npmjs.com/package/react-masonry-component2，可以直接在 React 项目中安装使用。