diff --git a/app/assets/javascripts/gitlab_pages/components/pages_pipeline_wizard.vue b/app/assets/javascripts/gitlab_pages/components/pages_pipeline_wizard.vue
index f17a05999b01a44a4224ff8fcc9c872efa4831c9..bf71f6820481e4b928d51e20df01d8713238e302 100644
--- a/app/assets/javascripts/gitlab_pages/components/pages_pipeline_wizard.vue
+++ b/app/assets/javascripts/gitlab_pages/components/pages_pipeline_wizard.vue
@@ -2,7 +2,7 @@
 import { GlLoadingIcon } from '@gitlab/ui';
 import { captureException } from '@sentry/browser';
 import PipelineWizard from '~/pipeline_wizard/pipeline_wizard.vue';
-import PagesWizardTemplate from '~/pipeline_wizard/templates/pages.yml';
+import PagesWizardTemplate from '~/pipeline_wizard/templates/pages.yml?raw';
 import { logError } from '~/lib/logger';
 import { s__ } from '~/locale';
 import { redirectTo } from '~/lib/utils/url_utility';
diff --git a/config/webpack.config.js b/config/webpack.config.js
index c8a159605d1bf04132e8a38b8ec1f671020c2521..4564530120c9e8eb2e1b588e04df8b7e5c95a703 100644
--- a/config/webpack.config.js
+++ b/config/webpack.config.js
@@ -435,6 +435,7 @@ module.exports = {
       },
       {
         test: /\.(yml|yaml)$/,
+        resourceQuery: /raw/,
         loader: 'raw-loader',
       },
     ].filter(Boolean),
diff --git a/jest.config.base.js b/jest.config.base.js
index 56473d1643ff6a98528338a1132ba4b7ba2b10cf..0f77517a9e3c37273bee2769bb6d49eea9b9c9af 100644
--- a/jest.config.base.js
+++ b/jest.config.base.js
@@ -43,6 +43,8 @@ module.exports = (path, options = {}) => {
   const TEST_FIXTURES_PATTERN = 'test_fixtures(/.*)$';
 
   const moduleNameMapper = {
+    '^~(/.*)\\?raw$': '<rootDir>/app/assets/javascripts$1',
+    '^(.*)\\?raw$': '$1',
     '^~(/.*)$': '<rootDir>/app/assets/javascripts$1',
     '^ee_component(/.*)$':
       '<rootDir>/app/assets/javascripts/vue_shared/components/empty_component.js',