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.

Hi!

Thank you for the project! It is more usefull. I migrated my factory of WebComponents to your software from WebComponentFactory. Your project is simplier. However, I have to doubts according to WCFactory:

First Is it possible separate HTML, CSS, JS and properties in diferentes files? I think that it is better for programming. It is the model of Angular’s Components. But it is not essential.

Second I want to use SCSS. I saw the module rollup-plugin-scss and I tried to include in my rollup.config.js with this format.

 import createDefaultConfig from '@open-wc/building-rollup/modern-config';
 import scss from 'rollup-plugin-scss';
 
 const config = createDefaultConfig({ zinput: './src/index.html' });
 config.plugins.push(scss());
 
 export default config;

But fails: in ./src/style.scss 1:0; Module parse failed: Unexpected token (1:0); You may need an appropriate loader to handle this file type.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:1
  • Comments:13 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
LarsDenBakkercommented, May 7, 2019

If that works, lets add it to the readme 😁

0reactions
andjimriocommented, Jun 3, 2019

Jajaja, really thank you @LarsDenBakker !

I read your docummentacion, but not this section.

No comments in longer.

Read more comments on GitHub >

github_iconTop Results From Across the Web

rollup-plugin-scss - npm
Rollup multiple .scss, .sass and .css imports. ... Start using rollup-plugin-scss in your project by running `npm i rollup-plugin-scss`.
Read more >
Compile Sass files with Rollup - Stack Overflow
With the following rollup.config.js the compiled CSS file is saved to ./build/css/style.css . import scss from "rollup-plugin-scss"; ...
Read more >
elycruz/rollup-plugin-sass - GitHub
Rollup .sass files. Contribute to elycruz/rollup-plugin-sass development by creating an account on GitHub.
Read more >
Top 5 rollup-plugin-sass Code Examples - Snyk
To help you get started, we've selected a few rollup-plugin-sass examples, based on popular ways it is used in public projects.
Read more >
rollup-plugin-scss examples - CodeSandbox
Learn how to use rollup-plugin-scss by viewing and forking rollup-plugin-scss example apps on CodeSandbox.
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