自己打造一把趁手的武器，高效率完成前端业务代码。
本文首发于国内社区 segmentfault ，欢迎访问原文地址https://segmentfault.com/a/1190000011966867
第一步，构建全量压缩包，先删除
min目录中之前的outils.min.js，后通过webpack打包并保存新的压缩包至min目录中： ......
......
// 删除旧的全量压缩包
rm(path.resolve(rootPath, 'min', `${pkg.name}.min.js`), err => {
if (err) throw (err)
webpack(config, function (err, stats) {
if (err) throw (err)
building.stop()
process.stdout.write(stats.toString({
colors: true,
modules: false,
children: false,
chunks: false,
chunkModules: false
}) + 'nn')
resolve()
console.log(chalk.cyan(' Build complete.n'))
})
})
......
......第二步，拷贝函数模块至根目录，先删除根目录中之前的函数模块，后拷贝src下面一层目录的所有js文件至根目录。这么做的目的是，拷贝到根路径，在引入的时候，直接require('outils/')即可，缩短引入的路径，也算是提高点效率。
// 替换模块文件
......
......
// 先删除根目录中之前的函数模块
rm('*.js', err => {
if (err) throw (err)
let folderList = fs.readdirSync(path.resolve(rootPath, 'src'))
folderList.forEach((item, index) => {
// 拷贝`src`下面一层目录的所有`js`文件至根目录
copy(`src/${item}/*.js`, rootPath, function (err, files) {
if (err) throw err;
if (index === folderList.length - 1) {
console.log(chalk.cyan(' Copy complete.n'))
copying.stop()
}
})
})
})
......
......koa静态服务器，来加载mocha网页端的测试页面，让笔者书写项目时，可以在本地对函数功能进行测试。但是后续将使用
travis-ci配合Github来做持续化构建，自动发布到npm。改用karma，mocha，power-assert做单元测试，使用Coverage测试覆盖率。这一部分，后续更新。 这里给大家推荐一个好用的断言库 power-assert ，这个库记住assert(value, [message])一个API就基本无敌，从此再也不用担心记不住断言库的API。
本项目的所有测试用例都在test目录下，大家可以作一定参考。
以笔者项目，举个栗子:
1.添加自己的函数
在src目录下，新建分类目录或者选择一个分类，在子文件夹中添加函数模块文件（建议一个小功能保存为一个JS文件）。
/**
*
* @desc 判断是否NaN
* @param {Any} value
* @return {Boolean}
*/
function isNaN(value) {
return value !== value;
};
modules.export = isNaN
然后记得在src/index.js文件中暴露isNaN函数
2.单元测试
在test文件新建测试用例
describe('#isNaN()', function () {
it(`outils.isNaN(NaN) should return true`, function () {
assert(outils.isNaN(NaN))
})
it(`outils.isNaN('value') should return false`, function () {
assert.notEqual(outils.isNaN(NaN))
})
})然后记得在test/index.html中引入之前创建的测试用例脚本。
3.测试并打包
执行npm run test，看所有的测试用例是否通过。如果没有问题，执行npm run build构建，之后提交到个人的 github 仓库即可。
4.发布到npm
在 注册账号，修改本地package.json中的name、version、author等信息，最后npm publish就大功告成了。
注意：向npm发包，要把镜像源切到 ，使用cnpm等第三方镜像源会报错。
注意： 本仓库代码会持续更新，如果你需要不同版本的增量压缩包或源码，请到 github Release 页面下载对应版本号的代码。
2.Webpack、RequireJS、SeaJS等模块加载器
先使用npm安装outils。
$ npm install --save-dev outils// 完整引入
const outils = require('outils')
const OS = outils.getOS()推荐使用方法
// 按需引入require('outils/')
const getOS = require('outils/getOS')
const OS = getOS()当然，你的开发环境有babel编译ES6语法的话，也可以这样使用：
import getOS from 'outils/getOS'
// 或
import { getOS } from "outils";
当然，更好的建议是 fork 本项目，或者直接新建自己的项目，添加自己 想要的 、常用的 、记不住的 函数，甚至是可以抽象出来的功能，封装成自己顺手、熟悉的库。 这样才能打造出你自己的武器库，瞬间提高你的单兵作战（开发）能力。
工欲善其事必先利其器。有了属于自己的这把利器，希望加班也会变成奢望。O(∩_∩)O哈哈~
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/1354/viewspace-2799657/ ，如需转载，请注明出处，否则将追究法律责任。
