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.
The external HTML & Sass are not inlined
See original GitHub issueDescription
I have an Angular V5 App and I used ng-packagr, but the Sass and Html files are not inlined. I worked for 3 days now to get it working.
How To Reproduce
I follow this article https://medium.com/@ngl817/building-an-angular-4-component-library-with-the-angular-cli-and-ng-packagr-53b2ade0701e, but it won’t work.
Version Information
ng-packagr: v1.6.0
node: v8.9.1
@angular: v5.0.2
rxjs: v5.5.2
zone.js: v0.8.18
Issue Analytics
- State:
- Created 6 years ago
- Comments:10 (4 by maintainers)
Top Results From Across the Web
CSS/SCSS only works as an inline style in the div, and does ...
The reason your style rule worked as an inline style is that inline styles have a higher precedence than any CSS rules in...
Read more >CSS, SCSS, and Less support in Visual Studio Code
For example, with display: inline , the width , height , margin-top , margin-bottom , and float properties have no effect. warning. important,...
Read more >sass-loader - webpack - JS.ORG
This allows you to control the versions of all your dependencies, and to choose which Sass implementation to use. Note. We highly recommend...
Read more >CSS Layout - The display Property - W3Schools
Every HTML element has a default display value depending on what type of ... An inline element does not start on a new...
Read more >No Inline CSS Styles | webhint documentation
The html markup of the page becomes hard to read for the naked eye. The inline CSS styles are hard to maintain and...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I don’t have a .js file for every component only .umd.js & js.map .es5.js
@MatthiasSkopek in Alfresco we are using ng-packagr as well and we solved this problem as @DavidParks8 says with scss bundle :
https://github.com/Alfresco/alfresco-ng2-components/blob/development/lib/config/bundle-scss-new.js
You can even use it in gulp, I hope this can help you