今天我们使用Babel来制作并且发布一个简单的npm包
-
首先在terminal中运行命令
npm init，按照提示一步步输入，如果像我这样比较懒的话，也可以一直选默认值，最后生成了package文件，是这样的{ "name": "es6-test", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "MIT" } -
接下来我们新建一个入口文件，
touch index.js，写入module.exports = function({percent = 100, amount}) { const percentOff = (percent / 100) * amount; return percentOff; }Tips：在这里使用
module.exports而不是ES6 export statement的原因是，希望ES5的用户也能够不需任何多余的工作就可以使用这个包。 -
如果现在直接发布的话，这个包是无法工作的，因为我们使用了ES6的feature，所以就需要Babel来帮忙啦，安装Babel
npm install --save-dev babel-cli@6 babel-preset-es2015@6 -
把Babel的预处理命令假如我们的
package.json文件中，像这样"scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "babel index.js --presets babel-preset-es2015 --out-dir .", "prepublish": "npm run build }同时也加入了
"prepublish": "npm run build"，为发布做准备。 最后运行
npm publish，填上你的username，发布了，当然，你首先得注册个npm的developer账号。这样就可以通过npm install es6-test来安装你的包了。-
运行结果
> var offof = require("es6-test") undefined > offof({percent:50, amount:500}) 250
参考Link: https://booker.codes/how-to-build-and-publish-es6-npm-modules-today-with-babel/
