CODEWITHSUNDEEP
semantic-ui
Sunil Vashisht
Sunil Vashisht

Reputation: 21

how to convert? [semanticui.less to semanticui.css]

I am using semantic ui less version and tried to compile it using gulp but not able to do this.

Can somebody give me an idea how to do this?

Upvotes: 0

Views: 282

Answers (2)

fstanis
fstanis

Reputation: 5534

Please read the Getting Started guide for Semantic UI to learn how to use its build system.

In short, you need to do the following steps:

  1. Install Node.js for your platform, if you don't already have it.

  2. Install gulp using npm, the Node.js package manager:

    npm install -g gulp

  3. Download Semantic UI and navigate to its directory:

    cd semantic-ui

  4. Install all the project dependencies:

    npm install

  5. Run the installer. The installer will run automatically when you first run gulp in the Semantic UI directory with no arguments:

    gulp

  6. Follow the installer steps to configure Semantic UI as per your needs.

  7. After this, you should be able to use the following gulp tasks:

    • gulp build to rebuild Semantic UI from its sources (this includes its LESS files)
    • gulp watch to watch for changes in source files and automatically build when needed (or you can just use gulp)
    • gulp install to re-run the installer

Upvotes: 1

wesww
wesww

Reputation: 2873

you need to set up a build task to watch the files you are working on and process your less into css. Take a look at Grunt http://gruntjs.com/getting-started (or alternately at Gulp, which is another great task runner)

Here's an article about automating your workflow with grunt: http://kappataumu.com/articles/grunt-automate-your-webdev-workflow.html

this is the actual module that Grunt will use to process your less: https://www.npmjs.com/package/grunt-contrib-less but it will do so automatically once you have it set up

Upvotes: 1

Related Questions