question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How do I run npm run dist for a custom scss file outside of bootstrap folder?

See original GitHub issue

image

So I am using the latest version of bootstrap, which is 4, and I am running into some issues on how I can customize scss from a folder outside of `bootstrap-4.0.0’. Is there a cleaner way to do this?

If I run npm run dist inside the bootstrap-4.0.0 folder, I will only build the .css files in the bootstrap-4.0.0/dist and this is fine, but how can I link in my scss/_custom.css in the root?

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
mdocommented, Feb 16, 2018

That all depends on your setup, and is outside the scope of this issue tracker. Check our readme for links to our Slack and StackOverflow for more information.

1reaction
wolfy1339commented, Feb 15, 2018

Check package.json, the commands are all there. You’ll need to update them for your custom SCSS

Did you import Bootstrap from your SCSS file?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Webpack - Bootstrap
First, create your own _custom.scss and use it to override the built-in custom variables. Then, use your main sass file to import your...
Read more >
Bootstrap & Webpack
Run the following from my-project , or manually create the folder and file structure shown below. mkdir {dist,src,src/js,src/scss} ...
Read more >
Bootstrap & Parcel
Create a project folder and setup npm. We'll create the my-project folder and initialize npm with the -y argument to avoid it asking...
Read more >
Build tools - Bootstrap
npm run dist creates the /dist directory with compiled files. Uses Sass, Autoprefixer, and UglifyJS. npm test, Same as npm run dist plus...
Read more >
Getting started - Bootstrap
Navigate to the root /bootstrap/ directory, then run npm install . npm will ... the /dist/ directory with compiled and minified CSS and...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found