首页 > 其他分享 >使用gulp对sass文件进行打包压缩遇到的小问题

使用gulp对sass文件进行打包压缩遇到的小问题

时间:2022-10-19 14:56:18浏览次数:59  
标签:const 21 sass require gulp 打包 14

使用const sass = require('gulp-sass')导入了sass转换模块,但在执行gulp命令时报错了 ---------------------------

Error in plugin "gulp-sass"
Message:

gulp-sass no longer has a default Sass compiler; please set one yourself.
Both the "sass" and "node-sass" packages are permitted.
For example, in your gulpfile:

const sass = require('gulp-sass')(require('sass'));

[14:21:11] The following tasks did not complete: sassHandler
[14:21:11] Did you forget to signal async completion?

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

其实解决办法在错误提示的位置已经给出了

const sass = require('gulp-sass')(require('sass'))

 

原因是gulp sass不再提供默认的sass编译器,需要另行配置,并且如果没有sass编译包的话还需要下载,方式如下

npm i sass -D

标签:const,21,sass,require,gulp,打包,14
From: https://www.cnblogs.com/comeoutlove/p/16806190.html

相关文章

  • Android打包混淆笔记
    Proguard介绍AndroidSDK自带了混淆工具Proguard。它位于SDK根目录\tools\proguard下面。ProGuard是一个免费的Java类文件收缩,优化,混淆和预校验器。它可以检测并删除未使......
  • 如何不借助第三方web服务器启动(webpack)vue打包后的dist目录
    很多时候,我们打包完成了,想看看打包后的项目是否有问题,那么会借助于除webpack之外的第三方工具例如http-servernginx等那么是否有办法能将就开发环境的localhost:xxxx/di......
  • vue 文件打包太大 -- 体积优化
    最新打包vuecli4.5项目时,体积尽然达到了9M,页面访问的速度,因此进行尝试进行优化,最终压缩到968k,效果明显。下面是优化方法。首先新建文件'vue.config.js',放在项目根目......
  • sass
    sass(用的居多)   1、基于Ruby语言   1.1mac系统不需要下载 1.2windows系统就需要下载ruby这个软件了,进行安装   下载安装地址......
  • python打包成exe
    一、pyInstaller介绍PyInstaller是一个跨平台的Python应用打包工具,能够把 Python 脚本及其所在的 Python 解释器打包成可执行文件。具体可以参考官网 二、安装pyi......
  • Docker 打包Maven项目Jar包缓存方案
    背景:Docker每次build都会重新生成一个镜像,导致每次执行maven构建会重复下载jar包,一般一个springboot单体应用光是Jar包都有50M起步,假设网络延迟比较大一个镜像打包......
  • python 打包离线环境 pip安装
    1、有网并且网速快时:生成的依赖文件pipfreeze>requirements.txt在新环境直接pipinstall-rrequirements.txtpipinstall-rrequestment.txt路径--target=安装目......
  • jenkins拉取git上SpringBoot项目进行构建、编译、打包、部署
    安装Jenkins、Git、Maven和JDKLinux服务器部署Jenkins自动化部署工具Linux服务器Git安装Linux服务器Maven安装参考Linux服务器JDK安装参考安装完这几个插件后,配置g......
  • Cocos Creator Web打包去除默认加载,定制Loading页
    转载: https://www.codenong.com/cs106535155/打开后如下图红框内就是我们要更改的文件。index.html*的更改main.js*的更改splash.png*style-mobile.css*的更改......
  • Spring_boot项目打包
    一、项目如何打包(本案例基于SpringBoot_RestFul风格CURD文章的代码)1.1):pom.xml需要配置<!--项目打包需要使用--><build><plugins><plugin>......