Ideas for changing things without ejecting about create-guten-block HOT 9 OPEN

@ahmadawais ok so it is definitively a strangeness related to my setup.
If i find a replicable reason i will let you know.
Thank you for the support!

from create-guten-block.

That's very kind of you to say! 💯

One of the best thing about create-guten-block is how opinionated it is. I am literally thinking of moving it all to Styled Components that's CSS in JS.

But I'll in to support of Stylus and Less, it's a decision, not options philosophy here, and I don't want to make it a tool that can have all the features as it will make things complex for end users.

Can you explain "Be able to add another JS file to compilation"?

Peace! ✌️

from create-guten-block.

Oh yeah great Idea. I'm just starting with Styled components but it's awesome. I really think in the long term it'll become a standard way of doing CSS in React. It's simple and clean.

For the "another JS" :
For now we have blocks.js compiling into blocks.build.js

But if I want another JS file to compile elsewhere (for other reasons) I'm not sure if I can do it.

For now I have Webpack for Gutenberg but I still keep Gulp to compile JS and CSS for the PHP Side wp the WP admin . May be in the future I'll be able to keep only Webpack (but I understand CGB is not about handling every custom need. For now my mix gulp + webpack is perfect and fits all my needs)

thanks !

from create-guten-block.

+1 for moving to styled-components.

from create-guten-block.

Oh I have a project that I am going to open source soon which has both Gulp and webpack support. Also, I am open to a PR related to styled-components.

from create-guten-block.

Hi guys, is it possible to add an npm package npm i package-name without ejecting?
At the moment doing it will reset the package.json and node_modules folder loosing all CGB settings and scripts.

from create-guten-block.

@SineGrain just install it. Your package.json is yours to do whatever you want with it. Just keep cgb-scripts and it's scripts in there.

from create-guten-block.

@ahmadawais doing npx create-guten-block test-cgb-block-3 the installation script on my machine create the following package.json

{
  "name": "test-cgb-block-3-cgb-guten-block",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "start": "cgb-scripts start",
    "build": "cgb-scripts build",
    "eject": "cgb-scripts eject"
  }
}

If you add a package leaving it as is (eg. npm i throttle-debounce ) npm will reset your node_modules folder.

To add modules i had to add manually cgb-scripts as dependency.

{
  "name": "test-cgb-block-3-cgb-guten-block",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "start": "cgb-scripts start",
    "build": "cgb-scripts build",
    "eject": "cgb-scripts eject"
  },
  "dependencies": {
    "cgb-scripts": "^1.9.8"
  }
}

node v8.12.0
npm v6.4.1

from create-guten-block.

@SineGrain I just ran npx create-guten-block tstblck to test it and the block that got created had this package.json file.

{
  "name": "tstblck-cgb-guten-block",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "start": "cgb-scripts start",
    "build": "cgb-scripts build",
    "eject": "cgb-scripts eject"
  },
  "dependencies": {
    "cgb-scripts": "1.9.8"
  }
}

The dependency of cgb-scripts is there.

I then ran npm i throttle-debounce and now the package.json is

{
  "name": "tstblck-cgb-guten-block",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "start": "cgb-scripts start",
    "build": "cgb-scripts build",
    "eject": "cgb-scripts eject"
  },
  "dependencies": {
    "cgb-scripts": "1.9.8",
    "throttle-debounce": "^2.0.1"
  }
}

from create-guten-block.