Skip to content

Instantly share code, notes, and snippets.

View gabidavila's full-sized avatar
💁‍♀️
I try to solve all my problems with a single SQL query.

Gabriela Ferrara gabidavila

💁‍♀️
I try to solve all my problems with a single SQL query.
View GitHub Profile
{
"name": "laravelTutorial",
"dependencies": {
"foundation": "~5.3.3"
}
}
public/assets/vendor/
|-- fastclick
|-- foundation
|-- jquery
|-- jquery-placeholder
|-- jquery.cookie
`-- modernizr
public/
|-- assets
| |-- stylesheets
| | |-- base.scss # base from foundation
| | |-- custom.scss # for customs scss
| | `-- variables.scss # for custom variables
| `-- javascripts
| `-- custom.js # for customs javascript
|-- css
`-- js
/*
* public/assets/stylesheets/base.scss
* Files from foundation
*/
@import 'variables';
@import '../vendor/foundation/scss/normalize';
@import '../vendor/foundation/scss/foundation';
//Gruntfile
module.exports = function(grunt) {
//Initializing the configuration object
grunt.initConfig({
// Paths variables
paths: {
// Development where put SASS files, etc
assets: {
// Part of Gruntfile.js, this is the sass section
sass: {
css: {
options: {
style: 'compressed',
compass: true
},
// This will get all the scss files in /public/assets/stylesheets
files: [{
expand: true,
// Part of Gruntfile.js, this is the Concat section
concat: {
options: {
separator: ';',
},
js_header: {
src: [
'<%= paths.assets.vendor %>modernizr/modernizr.js',
'<%= paths.assets.js %>custom.js'
],
# Files Generated by grunt concat
public
`-- js
`-- expanded
|-- scripts_footer.js
`-- scripts_header.js
// Part of Gruntfile.js, this is the Uglify section
uglify: {
options: {
// Grunt can replace variables names, but may not be a good idea for you, I leave
// this option as false
mangle: false
},
js: {
// Grunt will search for "**/*.js" when the "minify" task
// runs and build the appropriate src-dest file mappings then, so you
# Files Generated by grunt uglify
public
`-- js
|-- min
| |-- scripts_footer.min.js
| `-- scripts_header.min.js
`-- expanded
|-- scripts_footer.js
`-- scripts_header.js