fix erb+nonJS loaders

app/frontend/templates/shared/header.html.erb

@@ -3,6 +3,7 @@
     <a ng-click="toggleNavSize($event)" class="btn btn-link visible-xs" data-toggle="class:nav-off-screen" data-target="#nav"><i class="fa fa-bars"></i></a>
     <a ui-sref="app.public.home" class="navbar-brand" ng-click="goabout = false">
       <img ng-src="{{logo.custom_asset_file_attributes.attachment_url}}" alt="{{logo.custom_asset_file_attributes.attachment}}" class="m-r-sm"/>
+      <%= raw "<label class='label-staging label label-warning text-sm hidden-sm hidden-xs'>Staging</label>" if Rails.env.staging? %>
     </a>
   </div>
 

config/webpack/loaders/html_erb.js

@@ -1,7 +1,7 @@
 module.exports = {
   test: /\.html\.erb$/,
   loader: [
+    'html-loader',
     'rails-erb-loader',
-    'html-loader'
   ]
 };

config/webpack/loaders/sass_erb.js

@@ -3,6 +3,7 @@ module.exports = {
   enforce: 'pre',
   exclude: /node_modules/,
   loader: [
+    'sass-loader',
     'rails-erb-loader'
   ]
 };