Can't run `dist` task. about react-component-boilerplate

[bebraw]

Yeah, a GitHub project would be ideal. I can have a look at this tomorrow.

[raphaelparent]

Perfect!

I just pushed everything on github, here's the link.

[raphaelparent]

Well I think I found out why, I'm trying to require my component in the src/index.js and it doesn't like that. What I want to do eventually is to push this component on NPM to be used within other projects. Any quick ideas on how to do that?

[bebraw]

Would var Component = require('../Component'); kind of import work? The current expects to find the file from the same directory. Just a quick guess.

Alternatively you could try to develop it below src/ directly (or rename?). I'm not entirely sure what splitting it up between src and component achieves.

[raphaelparent]

I was working with the same structure that you have, with demo and src. I'll try that.

[raphaelparent]

So yeah this is working, it runs npm run dist without errors.

Another of my concerns is that I can't seem to be able to import css into Component.jsx, the import only works in the component/index.js file. Since I want to export the component has a complete standalone module I want it to work directly in the Component.jsx.

Do you have an idea on how I should modify this to make it work?

[bebraw]

CSS handling is somewhat problematic at the moment. There isn't single right way to handle it. Just see the Styling React chapter of my book to get some idea.

Bundling the style to dist might be a little problematic as we cannot make any assumptions about how our packages are consumed. This is the reason why I like to include a sample CSS file to the project root. You can then import that through Webpack at least if nothing else.

Of course I'm willing to improve the setup if a better solution comes along. For now dealing with styling is a bit messy.

[raphaelparent]

Ok perfect, thank you for your time this is really appreciated!

I will go css file at the project root because that seems to be the most logic way to go for now.

[bebraw]

Alright, enjoy. 👍