From 073157f53586077c20a9d2f7ee0d229abf97127f Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Mon, 8 Feb 2021 08:01:47 +0000
Subject: [PATCH] fix(config): prevent invalid css filenames in webpack output
 (#8778)

---
 packages/config/src/config/build.js       | 2 +-
 packages/config/test/config/build.test.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/config/src/config/build.js b/packages/config/src/config/build.js
index 40dfd96e8c..f7f65160d0 100644
--- a/packages/config/src/config/build.js
+++ b/packages/config/src/config/build.js
@@ -16,7 +16,7 @@ export default () => ({
     // { isDev, isClient, isServer }
     app: ({ isDev, isModern }) => isDev ? `[name]${isModern ? '.modern' : ''}.js` : `[contenthash:7]${isModern ? '.modern' : ''}.js`,
     chunk: ({ isDev, isModern }) => isDev ? `[name]${isModern ? '.modern' : ''}.js` : `[contenthash:7]${isModern ? '.modern' : ''}.js`,
-    css: ({ isDev }) => isDev ? '[name].css' : '[name].[contenthash:7].css',
+    css: ({ isDev }) => isDev ? '[name].css' : 'css/[contenthash:7].css',
     img: ({ isDev }) => isDev ? '[path][name].[ext]' : 'img/[name].[contenthash:7].[ext]',
     font: ({ isDev }) => isDev ? '[path][name].[ext]' : 'fonts/[name].[contenthash:7].[ext]',
     video: ({ isDev }) => isDev ? '[path][name].[ext]' : 'videos/[name].[contenthash:7].[ext]'
diff --git a/packages/config/test/config/build.test.js b/packages/config/test/config/build.test.js
index 26db389d78..161bbc897e 100644
--- a/packages/config/test/config/build.test.js
+++ b/packages/config/test/config/build.test.js
@@ -17,7 +17,7 @@ describe('config: build', () => {
     const env = { isDev: false }
     expect(filenames.app(env)).toEqual('[contenthash:7].js')
     expect(filenames.chunk(env)).toEqual('[contenthash:7].js')
-    expect(filenames.css(env)).toEqual('[name].[contenthash:7].css')
+    expect(filenames.css(env)).toEqual('css/[contenthash:7].css')
     expect(filenames.img(env)).toEqual('img/[name].[contenthash:7].[ext]')
     expect(filenames.font(env)).toEqual('fonts/[name].[contenthash:7].[ext]')
     expect(filenames.video(env)).toEqual('videos/[name].[contenthash:7].[ext]')