npm 包 fis-parser-less-hh 使用教程

在前端开发中,很多人都会使用 Less 来处理 CSS,同时也会使用 fis3 来构建项目。而 fis-parser-less-hh 插件可以将 Less 编译成 CSS,同时兼容 fis3 的构建流程,方便我们进行前端开发。

安装

使用命令 npm install fis-parser-less-hh -D 来安装该插件。

配置

将以下配置添加到 fis-conf.js 文件中:

---------------------- -
  ----- -------
  ------- ---------------------
---

使用

在项目中使用 Less,并运行 fis3 release 命令编译。

示例代码

-- -----------
------- --------

---- -
  ----------------- -------
-

-- -
  ---------- -----
  ------ -------------- -----
-

编译后的 CSS 代码为:

-- ---------- --
---- -
  ----------------- --------
-

-- -
  ---------- -----
  ------ --------
-

指导意义

fis-parser-less-hh 插件使用简单,可以方便地将 Less 编译成 CSS,同时也兼容 fis3 的构建流程,方便我们进行前端开发。可以作为前端开发的必备工具之一。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6006737c890c4f727758416a


猜你喜欢

  • npm 包 koa-mid-end 使用教程

    在开发过程中,经常需要使用到各种 npm 包来加速开发。其中,koa-mid-end 是一种中间件,可以用来简化 koa 应用程序的开发,同时提供了一些常用的功能,如错误处理、静态文件服务、路由等。

    4 年前
  • NPM 包 MusicBrainz-Augmentation 使用教程

    如果你是前端开发者,并且需要处理和展示音乐相关的数据,那么你可能需要调用 MusicBrainz 这个音乐元数据库提供的数据。而 MusicBrainz-Augmentation 就是一个可以帮助你处...

    4 年前
  • npm 包 mongoose-batches 使用教程

    在大多数基于 Node.js 的后端应用中,使用 MongoDB 作为数据库是再常见不过的选择了。而对于 MongoDB 数据库的操作,常用的库之一就是 Mongoose。

    4 年前
  • npm 包 vue-storage-manager 使用教程

    引入 vue-storage-manager 是一个用于在 Vue 程序中管理本地存储和会话存储的 npm 包。使用它可以方便地对数据进行存储、查询、删除等基本操作。

    4 年前
  • npm 包 rn-phone-call 使用教程

    在移动应用开发中,经常需要增加一些与系统交互的功能,如拨打电话、发送短信等。rn-phone-call 是一个 npm 包,可以帮助我们实现拨打电话的功能。本文将介绍 rn-phone-call 的使...

    4 年前
  • npm 包 simple-cache-z 使用教程

    前言 在前端开发过程中,常常需要对数据进行缓存以提高页面性能和用户体验。其中,npm 包 simple-cache-z 是一个简单但功能齐全的缓存库,这篇文章将介绍其使用教程。

    4 年前
  • npm 包 ghasedak 使用教程

    简介 npm 是 Node.js 的包管理器,提供了大量的扩展包可以使用,而 ghasedak 则是一个帮助前端开发者发送短信的 npm 包。在本篇文章中,我们将详细介绍 ghasedak 的使用教程...

    4 年前
  • npm 包 google-spreadsheet-i18n 使用教程

    在前端国际化中,往往会涉及到多语言的支持,而多语言的配置需要一个翻译工具,以支撑我们的业务适应不同的语言环境。这时候,Google Sheets 便成了我们的选择之一。

    4 年前
  • npm 包 ed-blog-theme 使用教程

    在前端开发中,我们常常需要使用到现成的一些库和框架,以提高项目开发效率和代码质量。而 npm(Node Package Manager)就是一个非常强大的包管理器,可以让我们轻松地安装和管理各种现成的...

    4 年前
  • npm 包 ide-code-editor 使用教程

    介绍 如果您是一名前端开发人员,那么您一定需要一个好用的代码编辑器。而 ide-code-editor 是一个基于 web 的代码编辑器,支持多种语言和主题,且体积轻巧,操作简单,可以无缝集成到您的项...

    4 年前
  • npm包Neo-fetch使用教程

    在前端开发中,我们经常需要从API中获取数据,而这个请求和响应的过程需要利用到fetch方法。fetch是原生javascript中的方法,它能够发送异步请求和接收响应。

    4 年前
  • npm 包 egrow-vue-generator 使用教程

    前言 在前端开发中,Vue 是一个非常流行和优秀的框架。在 Vue 项目的开发中,经常需要创建一些基本的文件和文件夹结构,如组件、页面、路由等等。这些基本的文件和文件夹结构需要手动创建,费时费力。

    4 年前
  • npm 包 artcode-tool 使用教程

    作为一名前端开发人员,我们通常都会遇到需要快速生成可视化界面的需求。在这种情况下,我们可以使用一些类似 artcode-tool 的工具来帮助我们节省时间和精力。 artcode-tool 是一个 n...

    4 年前
  • npm 包 line-clamp 使用教程

    在前端开发中,我们经常需要对长文本进行截断处理,以便用户更好地阅读内容。而 line-clamp 就是一款非常实用的 npm 包,可以帮助我们轻松地实现文本截断效果。

    4 年前
  • npm 包 za-id 使用教程

    前言 在前端开发中,经常需要生成一些唯一的字符串或者 ID,而这些字符串或者 ID 需要具有唯一性和可读性,这时候我们通常会选择使用第三方库来帮助我们完成。za-id 就是一款可以生成唯一 ID 的 ...

    4 年前
  • npm 包 @nepada/eslint-config 使用教程

    介绍 随着前端项目越来越复杂, 代码规范的重要性不断被强调。 eslint 可以帮助我们统一前端项目的代码风格,保证代码质量更加稳定,降低维护成本。本文将重点介绍如何使用 npm 包 @nepada/...

    4 年前
  • npm 包 @sammyne/vuepress-theme-sammyne 使用教程

    介绍 @sammyne/vuepress-theme-sammyne 是一个基于 VuePress 的主题包,致力于提供美观、易用的文档和博客展示形式。本文将介绍如何使用这个 npm 包。

    4 年前
  • npm 包 @ngxa/rules 使用教程

    简介 @ngxa/rules 是 Angular 属于一个优秀的 npm 包,是一个使得 Angular 应用开发更易于维护的解决方案。通过使用 @ngxa/rules,开发人员可以定义规则,并将这些...

    4 年前
  • npm 包 anyid 使用教程

    在前端开发过程中,生成唯一的 ID 通常是必不可少的。为了实现这一目的,我们可以使用 npm 包 anyid。 安装 使用 npm 安装 anyid: --- ------- -----使用 在代码中...

    4 年前
  • npm 包 grunt-untar-new 使用教程

    前言 在前端开发中,我们常常需要将一些文件打包压缩,以便于在生产环境中使用。而在开发过程中,也需要解压缩这些文件,并将其部署到开发环境中。这时候,npm 包 grunt-untar-new 可以帮助我...

    4 年前

相关推荐

    暂无文章