Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
This repository was archived by the owner on Jun 15, 2023. It is now read-only.

My workflow with ReactJS + Webpack 3+

NotificationsYou must be signed in to change notification settings

fdaciuk/workflow-reactjs

Repository files navigation

⚠️ Disclaimer

Instead of using this project, preferbetter andmodern alternatives


What's inside it?

  • Webpack 3+
  • Babel
  • React hot loader
  • HTML and CSS generated automatically by webpack
  • Jest for tests and Chai for assertions
  • Storybook to create isolatelly components' stories
  • Async/await
  • Dynamicimport() function
  • Webpack tree shaking!
  • Preact for production build (optional)

Dependencies:

  • Node.js>= v6;

Up and running

  • Clone this repository:git clone git@github.com:fdaciuk/workflow-reactjs.git;
  • Remove.git directory;
  • Install dependencies:yarn (ornpm i);
  • Runyarn dev (ornpm start) to develop onhttp://localhost:3000
  • Runyarn build (ornpm run build) for production build (files will be generated ondist directory)

Troubleshooting

If you are on Windows, and try to runyarn lint, you'll get an errorbecausespawn module does not work very well on Windows.

You should installcross-spawn, and editgulpfile.js, removing line4 anduncomment line7.

A big thanks to@hgtpcastro for this tip.

Scripts

  • yarn dev (or npm run dev): Starts the application on development mode
  • yarn test (or npm test): Run tests once
  • yarn test:watch (or npm run test:watch): Run tests in watch mode
  • yarn build (or npm run build): Build project to production
  • yarn build:analyzer (or npm run build:analyzer): Build project to production and open bundle analyzer on8888 port
  • yarn storybook (or npm run storybook): Run Storybook on6006 port
  • yarn storybook:build: Build Storybook to static files
  • yarn update-packages: Update all packages to the latest version
  • yarn start (or npm start): Special script reserved to run production code. Change as you wish. For now, it is the same asyarn dev.

License

MIT © Fernando Daciuk

Releases

No releases published

Packages

No packages published

[8]ページ先頭

©2009-2025 Movatter.jp