fix(Build): Make static asset paths relative so they work on CDNs

stencila · Aug 5, 2020 · aade93a · aade93a
1 parent a253690
commit aade93a
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/webpack.config.js b/webpack.config.js
@@ -174,7 +174,16 @@ module.exports = (env = {}, { mode }) => {
           use: [
             {
               loader: MiniCssExtractPlugin.loader,
-              options: { hmr: isDevelopment },
+              options: {
+                hmr: isDevelopment,
+                publicPath: (resourcePath, context) => {
+                  // Make asset paths relative
+                  // @see https://github.com/webpack-contrib/mini-css-extract-plugin#the-publicpath-option-as-function
+                  return (
+                    path.relative(path.dirname(resourcePath), context) + '/'
+                  )
+                },
+              },
             },
             {
               loader: 'css-loader',