Recently, I've been experiencing a strange issue with the way application.js is utilized in Rails. My code looks like this:
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap
//= require_tree .
//= require underscore
//= require gmaps/google
Additionally, my application.css.scss file is structured as follows:
/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any styles
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new
* file per style scope.
*
*= require_tree .
*= require_self
*/
I originally assumed that // indicates a comment in JS files, while /* */ signifies comments in CSS files. However, I am now realizing that comments in both JS and CSS files seem to have no effect when used in Rails. Can anyone shed some light on why this might be happening?