@brojs/create

Инструмент для создания новых проектов BroJS.

Использование

npm init @brojs

Создание с определенным шаблоном

brojs create my-project --template micro

Создание с дополнительными опциями

brojs create my-project --template micro-adv --typescript --testing

Доступные команды

create

Создает новый проект на основе выбранного шаблона.

brojs create [имя-проекта] [опции]

Опции:

• --template - Выбор шаблона проекта

init

Доступные шаблоны

micro

Базовый шаблон микрофронтенда.

brojs create my-project --template micro

micro-adv

Расширенный шаблон микрофронтенда.

brojs create my-project --template micro-adv

micro-empty

Пустой шаблон микрофронтенда.

brojs create my-project --template micro-empty

Конфигурация

package.json

{
  "name": "my-project",
  "version": "1.0.0",
  "description": "My BroJS project",
  "author": "John Doe",
  "license": "MIT",
  "scripts": {
    "dev": "webpack serve --mode development",
    "build": "webpack --mode production",
    "test": "jest"
  },
  "dependencies": {
    "react": "^18.2.0",
    "react-dom": "^18.2.0"
  },
  "devDependencies": {
    "@brojs/webpack-config": "^1.8.3",
    "@brojs/dev-server": "^1.8.4"
  }
}

webpack.config.js

const webpackConfig = require('@brojs/webpack-config');

module.exports = webpackConfig({
  entry: './src/index.js',
  output: {
    path: './dist',
    filename: '[name].js'
  }
});

tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "react-jsx",
    "baseUrl": "src"
  }
}

Лицензия

MIT