Typed Sass Styling (#69)

* Addresses issue #16 -
Add styles via sass and module imports
Adds typed scss imports via gatsby-plugin-sass.
Makes use of .d.scss file generated by gatsby-plugin-scss-typescript,
but avoids importing that directly while they work out issue in gatsby v3.

* adding vscode config for easier local debugging
This commit is contained in:
Nat Hillard 2021-05-20 23:59:20 -04:00 committed by GitHub
commit a587482967
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 1334 additions and 1788 deletions

View file

@ -1,7 +1,12 @@
path = require('path');
// Disable references to window from trussworks/uswds
// See here: https://www.gatsbyjs.com/docs/debugging-html-builds/#fixing-third-party-modules
exports.onCreateWebpackConfig = ({ stage, loaders, actions }) => {
if (stage === "build-html" || stage === "develop-html") {
actions.setWebpackConfig({
devtool: 'eval-source-map',
});
if (stage === "build-html" || stage === "develop-html") {
actions.setWebpackConfig({
module: {
rules: [
@ -11,6 +16,9 @@ exports.onCreateWebpackConfig = ({ stage, loaders, actions }) => {
},
],
},
resolve: {
modules: [path.resolve(__dirname, "src"), "node_modules"],
},
})
}
}