Sass

Tutorial Gulp dan Less

Buat file bower.js { "name": "example", "private": true, "version": "1.0.0", "dependencies": { "bootstrap": "^3.3.7" } } Buat file package.js { "name": "example", "private": true, "version": "1.0.0", "dependencies": { "gulp": "^3.9.1", "gulp-autoprefixer": "^4.0.0", "gulp-cssmin": "^0.2.0", "gulp-less": "^3.3.2", "gulp-rename": "^1.2.2", "gulp-webserver": "^0.9.1" } } Buat file bootstrap.less yang terletak bootstraps-gulp/source/less/bootstrap.less @import "../../bower_components/bootstrap/less/bootstrap"; Install Gulp dan bower npm install -g gulp bower Install plugin gulp ke dalam folder project npm i -S gulp gulp-autoprefixer gulp-less gulp-cssmin gulp-rename gulp-webserver Install boostraps melalui bower ke dalam folder project bower i -S bootstrap Buat file gulpfile.

Continue reading

Bootstraps dengan Sass

Install Bower dari npm D:\Tools\Tutorial-Template\mythemes>npm install -g bower C:\Users\My PC\AppData\Roaming\npm\bower -> C:\Users\My PC\AppData\Roaming\npm\node_modules\bower\bin\bower C:\Users\My PC\AppData\Roaming\npm `-- bower@1.8.0 Install bootstrap-sass ke dalam folder project $ bower install bootstrap-sass --save D:\Tools\Tutorial-Template\mythemes>bower install bootstrap-sass --save bower bootstrap-sass#* cached https://github.com/twbs/bootstrap-sass.git#3.3.7 bower bootstrap-sass#* validate 3.3.7 against https://github.com/twbs/bootstrap-sass.git#* bower jquery#1.9.1 - 3 cached https://github.com/jquery/jquery-dist.git#3.2.1 bower jquery#1.9.1 - 3 validate 3.2.1 against https://github.com/jquery/jquery-dist.git#1.9.1 - 3 bower bootstrap-sass#^3.3.7 install bootstrap-sass#3.3.7 bower jquery#1.9.1 - 3 install jquery#3.2.1 bower no-json No bower.

Continue reading