baires · June 12, 2012 05:28 · Apr 11, 2012 · Apr 11, 2012 · Apr 9, 2012 · Apr 9, 2012
diff --git a/.htaccess b/.htaccess
@@ -1,6 +1,10 @@
 # Filename-based cache busting
 # taken from https://github.com/h5bp/html5-boilerplate/
 
+# This rewrites file names of the form `name.123456.js` to `name.js`
+# so that the browser doesn't use the cached version when you have
+# updated (but not manually renamed) the file.
+
 <IfModule mod_rewrite.c>
     Options +FollowSymlinks
     RewriteEngine On

diff --git a/build.sh b/build.sh
@@ -11,8 +11,8 @@
 # being in a `js` directory.
 
 
-# concatenate and minify the CSS
-# requires: Sass (Ruby)
+# Concatenate and minify the CSS
+# Requires: Sass (Ruby)
 
 END_CSS="style.css"
 END_MIN_CSS="style.min.css"
@@ -23,15 +23,15 @@ $SASS_COMMAND compressed scss/style.scss:$END_MIN_CSS
 
 echo "SCSS-to-CSS build compilation successful"
 
-# concatenate all JS files
-# explicitly name and order the files if needed
+# Concatenate all JS files to into `site.js`
+# Explicitly name and order the files if needed
 
 cat js/*.js > js/site.js
 
 echo "JS concatenation successful"
 
-# minify the combined JS
-# requires: UglifyJS (Node)
+# Minify the combined JS
+# Requires: UglifyJS (Node)
 
 uglifyjs --output js/site.min.js js/site.js
 

diff --git a/functions.php b/functions.php
@@ -15,6 +15,8 @@ function is_prod() {
 
 /*
  * Basic file versioning
+ * Note: probably better to use `md5_file` instead of `filemtime`
+ * http://www.php.net/manual/en/function.md5-file.php
  */
 
 function version($filename) {
@@ -24,7 +26,7 @@ function version($filename) {
     //check if the file exists
     if (file_exists($pathToFile)) {
         $needle = '.';
-        // return the versioned filename
+        // return the versioned filename based on the last modified time
         $versioned = '.' . filemtime($pathToFile) . '.';
         // the position of the last instance of '.'
         $pos = strrpos($filename, $needle);

diff --git a/.htaccess b/.htaccess
@@ -2,6 +2,9 @@
 # taken from https://github.com/h5bp/html5-boilerplate/
 
 <IfModule mod_rewrite.c>
+    Options +FollowSymlinks
+    RewriteEngine On
+
     RewriteCond %{REQUEST_FILENAME} !-f
     RewriteCond %{REQUEST_FILENAME} !-d
     RewriteRule ^(.+)\.(\d+)\.(js|css|png|jpg|gif)$ $1.$3 [L]

diff --git a/build.sh b/build.sh
@@ -1,9 +1,16 @@
 #!/bin/sh
 
-# Run `bash build.sh` whenever you need to perform these tasks
+# Run `bash build.sh` from within the theme's directory whenever 
+# you need to perform these tasks.
+
 # A separate `watch.sh` script is better for continuous compilation
 # of `.scss` files during development.
 
+# Update any paths as needed. This example relies on all the theme's
+# `.scss` files being in a `scss` directory, and all the `.js` files
+# being in a `js` directory.
+
+
 # concatenate and minify the CSS
 # requires: Sass (Ruby)
 

diff --git a/build.sh b/build.sh
@@ -1,5 +1,9 @@
 #!/bin/sh
 
+# Run `bash build.sh` whenever you need to perform these tasks
+# A separate `watch.sh` script is better for continuous compilation
+# of `.scss` files during development.
+
 # concatenate and minify the CSS
 # requires: Sass (Ruby)
 

diff --git a/functions.php b/functions.php
@@ -1,3 +1,5 @@
+<?php
+
 /*
  * Check environment
  */
@@ -35,4 +37,6 @@ function version($filename) {
         // return the original filename
         return '/' . $filename;
     }
-}
+}
+
+?>
diff --git a/header.php b/header.php
@@ -1,8 +1,10 @@
 <?php
-    // other code
 
-    // only reference the minified file in production
-    // version which ever file is referenced
-    is_prod() ? $cssfile = 'style.min.css' : $cssfile = 'style.css';
-    echo '<link rel="stylesheet" href="' . get_bloginfo('stylesheet_directory') . version($cssfile) . '">';
+// other code
+
+// only reference the minified file in production
+// version which ever file is referenced
+is_prod() ? $cssfile = 'style.min.css' : $cssfile = 'style.css';
+echo '<link rel="stylesheet" href="' . get_bloginfo('stylesheet_directory') . version($cssfile) . '">';
+
 ?>
diff --git a/.htaccess b/.htaccess
@@ -0,0 +1,8 @@
+# Filename-based cache busting
+# taken from https://github.com/h5bp/html5-boilerplate/
+
+<IfModule mod_rewrite.c>
+    RewriteCond %{REQUEST_FILENAME} !-f
+    RewriteCond %{REQUEST_FILENAME} !-d
+    RewriteRule ^(.+)\.(\d+)\.(js|css|png|jpg|gif)$ $1.$3 [L]
+</IfModule>
diff --git a/build.sh b/build.sh
@@ -0,0 +1,29 @@
+#!/bin/sh
+
+# concatenate and minify the CSS
+# requires: Sass (Ruby)
+
+END_CSS="style.css"
+END_MIN_CSS="style.min.css"
+SASS_COMMAND="sass --load-path scss --style"
+
+$SASS_COMMAND expanded scss/style.scss:$END_CSS
+$SASS_COMMAND compressed scss/style.scss:$END_MIN_CSS
+
+echo "SCSS-to-CSS build compilation successful"
+
+# concatenate all JS files
+# explicitly name and order the files if needed
+
+cat js/*.js > js/site.js
+
+echo "JS concatenation successful"
+
+# minify the combined JS
+# requires: UglifyJS (Node)
+
+uglifyjs --output js/site.min.js js/site.js
+
+echo "JS uglification successful"
+
+exit 0
diff --git a/functions.php b/functions.php
@@ -0,0 +1,38 @@
+/*
+ * Check environment
+ */
+
+function is_prod() {
+    if ( home_url() == '<production-url>' ) {
+        return true;
+    }
+    else {
+        return false;
+    }
+}
+
+/*
+ * Basic file versioning
+ */
+
+function version($filename) {
+    // get the absolute path to the file
+    $pathToFile = TEMPLATEPATH . '/' . $filename;
+
+    //check if the file exists
+    if (file_exists($pathToFile)) {
+        $needle = '.';
+        // return the versioned filename
+        $versioned = '.' . filemtime($pathToFile) . '.';
+        // the position of the last instance of '.'
+        $pos = strrpos($filename, $needle);
+        if ($pos !== false) {
+            // replace and return
+            return '/' . substr_replace($filename, $versioned, $pos, strlen($needle));
+        }
+    }
+    else {
+        // return the original filename
+        return '/' . $filename;
+    }
+}
diff --git a/header.php b/header.php
@@ -0,0 +1,8 @@
+<?php
+    // other code
+
+    // only reference the minified file in production
+    // version which ever file is referenced
+    is_prod() ? $cssfile = 'style.min.css' : $cssfile = 'style.css';
+    echo '<link rel="stylesheet" href="' . get_bloginfo('stylesheet_directory') . version($cssfile) . '">';
+?>
No results found