Install them one after the other, using the following commands: Install the SASS plugin
For the workflow I’m showing you, you’ll need four plugins. Install Gulp Plugins.Īs I mentioned above, Gulp has thousands of plugins. This installs Gulp locally and adds it under devDependenies in your package.json file. When you type your password in, it won’t look like it’s registering your keystrokes, but that’s a security feature. Note: If that doesn’t work, you may need to run it as sudo npm install gulp -g and enter your password. You need to install Gulp both globally and in your website’s directory. Just hit the Enter button on your keyboard until it finishes and creates a package.json file. This will prompt you with a series of questions. The file essentially tracks your node dependencies. With NodeJS installed, cd to your directory and create a package.json file. Create a package.json file in your directory. If you don’t have it installed go to, download, and install NodeJS. If you get a number back, that means you have NodeJS installed. To check to see if you have NodeJS, open Terminal and type the following command: node -v
#Gulp minify css how to#
There are thousands of plugins (and I’m just figuring out how to use them), but this post will show you to compile and minify SCSS or SASS with GulpJS. When it finishes, your finalized code exists the pipe. Very simple put, you feed files into one end of the pipeline and then give it a series of automations to run in a sequence. It’s a command line utility for NodeJS that automates workflows. While the general workflow is efficient and simple, I wanted to add a few elements and stumbled upon GulpJS. I’m new to the web development world and the simplicity of Hugo has been a big advantage.Īs I’ve learned SCSS, I’ve been using Live Sass Compiler, the Visual Studio Code plugin. I’ve been working with Hugo, the static site generator, for a few months now.
0 kommentar(er)
