使用React来开发类Vue单文件组件范式的开发框架Lesx新鲜出炉
发布时间:2020-12-15 06:50:51 所属栏目:百科 来源:网络整理
导读:Lesx 例子 github地址:lesx-example 是什么 Lesx 提供了一种开发范式,可以让开发者使用类似vue的单文件模式来开发React应用,做到了 style/template/script 三元素分离。它提供了一个webpack loader,可以将下面的DSL: style a { color: red; }/styletempl
Lesx例子github地址:lesx-example 是什么
<style> a { color: red; } </style> <template> <div> <a onClick={() => { alert(1); }}>点我</a> {console.log(this.props)} <If condition={ this.props.valid }> <div>{this.state.name}</div> </If> <Button type="primary" onClick={() => { alert('I am an antd button!'); $setState({ name: 'a new name',}); }}>antd button</Button> </div> </template> <script> module.exports = { props: { valid: true },state: { name: 'xiangzhong.wxz' },}; </script> 转成 特性
loader setting{ test: /.lesx$/,loader: 'lesx-loader',query: { loaders: { js: 'babel',css: 'style!css',sass: 'style!css!sass' },uiLib: { libName: 'antd',libDirectory: 'lib' } } } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |