Fix CSS asset loading for yarn start (HMR) (#11855)

* enable url() processing in CSS to ensure assets load in HMR mode
* only needed when running `yarn start` which needs this for the hot
reloader

scripts/webpack/webpack.common.js

@@ -12,6 +12,7 @@ module.exports = {
   output: {
   output: {
     path: path.resolve(__dirname, '../../public/build'),
     path: path.resolve(__dirname, '../../public/build'),
     filename: '[name].[hash].js',
     filename: '[name].[hash].js',
+    // Keep publicPath relative for host.com/grafana/ deployments
     publicPath: "public/build/",
     publicPath: "public/build/",
   },
   },
   resolve: {
   resolve: {

scripts/webpack/webpack.dev.js

@@ -85,7 +85,7 @@ module.exports = merge(common, {
         ]
         ]
       },
       },
       require('./sass.rule.js')({
       require('./sass.rule.js')({
-        sourceMap: true, minimize: false, preserveUrl: false
+        sourceMap: true, minimize: false, preserveUrl: HOT
       }, extractSass),
       }, extractSass),
       {
       {
         test: /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/,
         test: /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/,