Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Poc/sass plugin bootstrap #15

Draft
wants to merge 1 commit into
base: main
Choose a base branch
from
Draft

Conversation

thescientist13
Copy link
Contributor

@thescientist13 thescientist13 commented Jul 30, 2021

Related Issue

related to #28

Summary of Changes

  1. In order to use just the flex utilities from Bootstrap, we need to be able to compile SASS, so tested first by getting the global styles for the home page to work.
    Screen Shot 2021-11-20 at 11 09 30 AM
    Screen Shot 2021-11-20 at 11 06 31 AM

TODO

  1. Seeing this failure when running build, though it doesn't actually fail the build. though all the prod styles are broken
% yarn build
yarn run v1.22.11
$ greenwood build
-------------------------------------------------------
Welcome to Greenwood (v0.19.2) ♻️
-------------------------------------------------------
Running Greenwood with the build command.
Initializing project config
Initializing project workspace contexts
Generating graph of workspace files...
pages to generate 
 /Users/analogstudios/Workspace/analogstudios.net/www.analogstudios.net/src/index.html
success, done generating all pages!
(node:11575) UnhandledPromiseRejectionWarning: Error: Failed to find 'functions'
  in [
    /Users/analogstudios/Workspace/analogstudios.net/www.analogstudios.net/node_modules/bootstrap/scss
  ]
    at /Users/analogstudios/Workspace/analogstudios.net/www.analogstudios.net/node_modules/postcss-import/lib/resolve-id.js:35:13
    at async Promise.all (index 0)
(Use `node --trace-warnings ...` to show where the warning was created)
(node:11575) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
(node:11575) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
  1. Convert all CSS -> SCSS to "fix" all other pages?
  2. Before / after bundle analysis

@netlify
Copy link

netlify bot commented Jul 30, 2021

✔️ Deploy Preview for practical-fermat-fa2c48 ready!

🔨 Explore the source changes: 26bed92

🔍 Inspect the deploy log: https://app.netlify.com/sites/practical-fermat-fa2c48/deploys/61991f00046bba0007c7b12b

😎 Browse the preview: https://deploy-preview-15--practical-fermat-fa2c48.netlify.app/

@thescientist13 thescientist13 marked this pull request as draft July 30, 2021 16:32
@thescientist13 thescientist13 self-assigned this Jul 30, 2021
@thescientist13
Copy link
Contributor Author

Maybe this would be worth a try?
https://github.com/wizardpisces/tiny-sass-compiler

@thescientist13
Copy link
Contributor Author

This seems relevant too - https://sass-lang.com/blog/the-module-system-is-launched

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

CSS bundling / refactoring (SASS plugin?)
1 participant