Omi原理-环境搭建


Omi框架使用 Webpack + ES6 的方式去开发;使用karma+jasmine来作为Omi的测试工具。Karma是一个基于Node.js的JavaScript测试执行过程管理工具(Test Runner)。该工具可用于测试所有主流Web浏览器,也可集成到CI(Continuous integration)工具,也可和其他代码编辑器一起使用。这个测试工具的一个强大特性就是,它可以监控(Watch)文件的变化,然后自行执行。但是集成到travis ci要把singleRun设置成true,让其只执行一遍。Jasmine 是一款 JavaScript BDD(行为驱动开发)测试框架,它不依赖于其他任何 JavaScript 组件新航道培训。它有干净清晰的语法,让您可以很简单的写出测试代码。在package.json中,有如下配置:ES6+相关依赖有babel-core、babel-loader和babel-preset-es2015在webpack.config.js中配置js文件使用babel-loader编译。webpack相关依赖有node-libs-browser和webpack其余都是单元测试相关依赖在karma.conf.js中配置webpack:具体配置看test目录下的karma.conf.js和webpack.test.config.js便可。注意,karma.conf.js需要设置不然,travis ci脚本执行的时候不会中断导致执行超时异常。其中:npm run build : 生成dist目录的omi.js文件npm run test : 执行单元测试npm run hello : 编译hello的demonpm run todo : 编译todo的demo在webpack.config.js中,会根据 process.env.npm_lifecycle_event去设置不同的入口文件。所以同样是执行webpack -w,执行结果可以不一样。来看下build的相关webpack配置:这里把libraryTarget设置成了umd,webpack会帮助我们build出umd的Omi。如果是打包demo(npm run hello 和 npm run todo)的话免费云主机域名,会进入下面的条件判断:会去example下对应的目录查找main.js作为webpack入口文件。这里可以看到,我们不仅用webpack build出Omi框架,也使用webpack build所有demo。

相关推荐: mybatis中${}和#{}的区别

在mybatis中的编写xml文件时 我们经常遇到参数的传入 总结一下${}和#{}的区别:1.#{} 有效的防止sql注入 #{} 直接传入的是你参数值 不会加上””2.${} order by 排序是 必须使用${} 例如: order by ${免费云主…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 01/26 22:08
下一篇 01/26 22:08