gulp-concat-css | Concatenates css files , bubbling up import statements | Plugin library
kandi X-RAY | gulp-concat-css Summary
kandi X-RAY | gulp-concat-css Summary
Concatenates css files, bubbling up @import statements (as per the standard), and optionally rebasing urls and inlining local @import statements.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
- Replace relative url to file absolute
- Collects imports to be imported
- Main contents function
- Checks if a url is a valid URL .
- Determines whether a given url is a data URI .
gulp-concat-css Key Features
gulp-concat-css Examples and Code Snippets
Community Discussions
Trending Discussions on gulp-concat-css
QUESTION
I use gulp tasks to minify css and js files, but I get this error each time I open the gulp. I searched for any solution but still not figured out the problem.
Gulp Tasks: Command failed: gulp --tasks-simple --cwd "c:\wamp64\www\gulp_p" --gulpfile "c:\wamp64\www\gulp_p\gulpfile.js" assert.js:374 throw err; ^ AssertionError [ERR_ASSERTION]: Task function must be specified at Gulp.set [as _setTask] (c:\wamp64\www\gulp_p\node_modules\undertaker\lib\set-task.js:10:3) at Gulp.task (c:\wamp64\www\gulp_p\node_modules\undertaker\lib\task.js:13:8) at Object. (c:\wamp64\www\gulp_p\gulpfile.js:64:6) at Module._compile (internal/modules/cjs/loader.js:956:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:973:10) at Module.load (internal/modules/cjs/loader.js:812:32) at Function.Module._load (internal/modules/cjs/loader.js:724:14) at Module.require (internal/modules/cjs/loader.js:849:19) at require (internal/modules/cjs/helpers.js:74:18) at execute (C:\Users\alia\AppData\Roaming\npm\node_modules\gulp-cli\lib\versioned\^4.0.0\index.js:36:18) { generatedMessage: false, code: 'ERR_ASSERTION', actual: false, expected: true, operator: '==' }
my installation
...ANSWER
Answered 2019-Nov-07 at 15:22Since you are using gulp v4 this code will not work:
gulp.task('default',['choose','css','scripts']);
Change that to:
gulp.task('default',gulp.series('choose','css','scripts'));
The other computer that this works on must be using gulp v3.
QUESTION
This is the part in my gulpfile:
...ANSWER
Answered 2018-Jan-24 at 13:55Had similar issue with gulp-uglify, and as I've found out it seems that minifying async/await is not supported with base gulp-uglify
, so I switched to babel-minify, and it worked for me.
EDIT: For regeneratorRuntime is not defined
error, I think that regenerator-runtime could be helpful.
QUESTION
I'm trying to create a prototype at the moment and keep running into walls.
I'm working on a project where we hope to have one code base that all of our end-users use and where the organization that user is affiliated with will determine the skin(css file) that gets applied to the site. Semantic-UI seems like a great fit for this as it has the concept of themes and a build process around it. I wanted to tap into the power of this build process without having to completely rewrite it.
Is there a way to run a semantic ui build task and have it produce multiple css files?
Here is what I've tried so far:
ATTEMPT 1
After running npm install --save-dev semantic-ui
and choosing all of the default options on the install, I updated the semantic/tasks/build.js
file to the following:
ANSWER
Answered 2017-May-26 at 14:10I finally got this to work with the following...
I updated ./semantic/build.js
to contain the following:
QUESTION
I have this gulp task for my scss to css build (including merging with stand-alone .css files of other libraries):
...ANSWER
Answered 2018-Oct-11 at 18:36So the issue was with gulp-concat-css. It rebased relative URLs by default. To turn off this option we need to add:
QUESTION
Building a PWA on top of NodeJS. Utilizing gulp
to processes package/bundle
for production. Also using jQuery
.
Receiving the error:
Uncaught ReferenceError: jQuery is not defined
package.json
:
ANSWER
Answered 2018-Sep-26 at 20:10You are using use strict
, which prevents any miss creation of global variable.
Thus when issue is with var $ = jQuery = require('jquery');
as accidental variable jQuery which doesn't exist is been created as global variable and assigned to $
. use strict
prevented this.
Just use
QUESTION
I'm new to react.js and I am trying to get this code to replace one line in an html file inside an electron app with whatever is in return inside the MainInterface variable
This is my Render.js File
...ANSWER
Answered 2017-Oct-04 at 02:47React removed createClass
from version 16.
You can use create-react-class
to migrate easily as shown in react documentation.
QUESTION
How do you concat multiple Less files?
For instance, I have functions.less
with all the functions that I want to use them in the style.less
:
functions.less:
...ANSWER
Answered 2018-Mar-01 at 15:48All you need to do is create a master less file and import all your less files.
So create, for example a file called master.less. Then edit this file by adding the follow instruction:
QUESTION
So I can compile scss to css fine.
However, whenever I change anything in my scss file it has no effect on the page unless I build styles.
My gulp file:
...ANSWER
Answered 2017-Aug-20 at 10:27I think what happens is that the watch task of gulp is only compiling the css from sass, but not concatenating the css in dist/css/main.css
.
Add the task styles
to the watch method of gulp and try again:
QUESTION
when i run gulp command this error is blow up
if you have some ideas how to fix this, i'm ready to listen)) ! if you have some ideas how to fix this, i'm ready to listen))
...ANSWER
Answered 2017-Jul-25 at 10:17You are ending the statement on the line before:
QUESTION
Having a task to process SCSS files (where some of them are just plain CSS) the end result is not minified .. This is part of my gulpfile.js:
...ANSWER
Answered 2017-Jul-19 at 11:53Try moving the concat before the minifying:
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install gulp-concat-css
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page