Use raw resource query for yml imports

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';

config/webpack.config.js

@@ -435,6 +435,7 @@ module.exports = {
       },
       {
         test: /\.(yml|yaml)$/,
+        resourceQuery: /raw/,
         loader: 'raw-loader',
       },
     ].filter(Boolean),

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',