← 返回文章列表

oa-codeblock项目架构设计 - 支持JSX和SCSS

分类:计算机/架构/oa-codeblock项目架构设计

使用代码块开发复杂的功能时,经常需要写React组件和复杂的CSS来实现界面,目前的开发框架只支持原生JS和CSS,因此书写很繁琐,需要修改。

支持编译JSX:在JS业务代码被替换到template.js之前,先用Babel库进行编译(presets为@babel/preset-react)。

支持编译SCSS:如果样式文件的文件名为style.scss,则先用Sass库将SCSS代码编译为CSS代码。style.css则无需编译。

支持JSX和SCSS语法,显著提高了React组件和样式的开发效率。