Skip to main content
All CollectionseWizard.js frameworkBlocks
eWizard.js: block directory struсture

eWizard.js: block directory struсture

Learn more about the directory struсture of a block template

eWizard Team avatar
Written by eWizard Team
Updated over a year ago

eWizard CLI creates the files and directories after you initialize a block.


TIP: The eWizard.js project has a robust directory struсture. We strongly recommend sticking to it during the development process.


.
├─.ewizard/
|  └─settings.json
├─.eslintrc.js
├─.gitignore
├─icon.png
├─index.vue
├─package-lock.json
├─package.json
└─settings.json

Let's take a closer look at the directories and files.


WARNING: The project directory structure may differ depending on the selected project template and initialization options.


Source file or directory

Description

.ewizard/settings.json

The .ewizard/settings.json specifies the project template type, the path configuration for all the directories, plugin settings, and the template repository.

.eslintrc.js

The ESLint configuration file with predefined settings for a vue-based project. You can turn off/on the plugin in .ewizard/settings.json.

.gitignore

Specifies the files and directories that are not synced with Git.

index.vue

Contains the block markup.

package.json

Stores general information about the project and contains the list of project npm dependencies.

package-lock.json

Provides the version information for all packages installed into node_modules by the npm client.

readme.md

Stores useful development information and hints.

settings.json

Specifies the project settings depending on the template type. For more information, see Block settings.

*[Single File Component]: A style of application organization used by JavaScript UI libraries where each file represents a single component.

*[entry point]: An entry point indicates which module webpack should use to begin building out its internal dependency graph.

Did this answer your question?