chore: Move sass imports to a single file

HaydnCCI · Jun 12, 2020 · 8e3788e · 8e3788e
1 parent 56df1fc
commit 8e3788e
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 11 deletions.
diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js
@@ -1,5 +1,5 @@
 const path = require('path')
-const srcPath = path.resolve(__dirname, '../src')
+const sassImports = require('../src/utilities/sass-imports')
 
 module.exports = ({ config }) => {
   // Transpile Gatsby module because Gatsby includes un-transpiled ES6 code.
@@ -37,11 +37,7 @@ module.exports = ({ config }) => {
         loader: require.resolve('sass-loader'),
 
         options: {
-          data: `@import '~scss/type.module.scss';
-        @import '~scss/helpers.module.scss';
-        @import '~scss/colors.module.scss';
-        @import '~scss/links.module.scss';
-        @import '~scss/breakpoints.module.scss';`,
+          data: sassImports,
         },
       },
     ],

diff --git a/gatsby-config.js b/gatsby-config.js
@@ -3,7 +3,9 @@ require(`@babel/register`)({
   plugins: ['@babel/plugin-transform-runtime'],
 })
 require('dotenv').config()
+
 const algoliaQueries = require('./src/utilities/algolia').queries
+const sassImports = require('./src/utilities/sass-imports.js')
 
 const gatsbyConfig = {
   siteMetadata: {
@@ -30,11 +32,7 @@ const gatsbyConfig = {
     {
       resolve: 'gatsby-plugin-sass',
       options: {
-        data: `@import '~scss/type.module.scss';
-        @import '~scss/helpers.module.scss';
-        @import '~scss/colors.module.scss';
-        @import '~scss/links.module.scss';
-        @import '~scss/breakpoints.module.scss';`,
+        data: sassImports,
       },
     },
     {

diff --git a/src/utilities/sass-imports.js b/src/utilities/sass-imports.js
@@ -0,0 +1,9 @@
+module.exports = [
+  'type.module.scss',
+  'helpers.module.scss',
+  'colors.module.scss',
+  'links.module.scss',
+  'breakpoints.module.scss',
+]
+  .map(file => `@import '~scss/${file}';`)
+  .join('\n')