plopfile.js

module.exports = (plop) => {
  plop.setGenerator('component', {
    description: 'Create a new React component',

    // User input prompts provided as arguments to the template
    prompts: [
      {
        // Raw text input
        type: 'input',
        // Variable name for this input
        name: 'name',
        // Prompt to display on command line
        message: 'What is your components name?',
      },
    ],
    actions: [
      {
        // Add a new file
        type: 'add',
        // Path for the new file
        path: 'src/components/{{pascalCase name}}/{{lowerCase name}}.stories.tsx',
        // Handlebars template used to generate content of new file
        templateFile: '.plop-templates/component/stories.tsx.hbs',
        skipIfExists: true,
      },
      {
        // Add a new file
        type: 'add',
        // Path for the new file
        path: 'src/components/{{pascalCase name}}/{{lowerCase name}}.tests.tsx',
        // Handlebars template used to generate content of new file
        templateFile: '.plop-templates/component/tests.tsx.hbs',
        skipIfExists: true,
      },
      {
        // Add a new file
        type: 'add',
        // Path for the new file
        path: 'src/components/{{pascalCase name}}/index.ts',
        // Handlebars template used to generate content of new file
        templateFile: '.plop-templates/component/index.ts.hbs',
        skipIfExists: true,
      },
      {
        // Add a new file
        type: 'add',
        // Path for the new file
        path: 'src/components/{{pascalCase name}}/{{pascalCase name}}.tsx',
        // Handlebars template used to generate content of new file
        templateFile: '.plop-templates/component/Component.tsx.hbs',
        skipIfExists: true,
      },
    ],
  });
};