grunt来编译sass文件

最新推荐文章于 2024-09-03 07:22:37 发布

原创最新推荐文章于 2024-09-03 07:22:37 发布 · 643 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#grunt sass

grunt 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何使用Sass预处理器和Grunt自动化工具来构建前端工作流程，包括安装必要的软件如Ruby、Sass及Grunt-contrib-sass，以及如何编写Grunt任务来编译Sass文件为CSS。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一步安装全局sass

cnpm install -g sass

第二步安装全局ruby

cnpm install -g ruby

第三步安装grunt-contrib-sass

cnpm install grunt-contrib-sass --save-dev

第四步编写grunt任务代码
参考代码：

    // 通过sass编译成css文件
    sass: {
      dist: {                            // Target
        options: {                       // Target options
          style: 'expanded'
        },
        files: {                         // Dictionary of files
          'src/assets/css/theme/default/Index.css': 'src/assets/sass/theme/default/Index.scss',       // 'destination': 'source'
          'src/assets/css/portal/skin/skin01.css': 'src/assets/sass/portal/skin/skin01.scss',
        }
      }
    },