Build a developing-environment
When you devellop, you can run a watcher, which will build the files and keeps track of any changes. Whenever you chaneg a file, the watcher will rebuild the project. During rebuild, the former build is still active and you can use your site. When the new build is finished, the web app will reload itself and you can work with the changed version.
npm run watch
Or if you need sourcemaps:
npm run watch-sourcemaps
| "Appname" | <—root-folder of your webapplication | |||||
| ———— | build | <—automaticly built files | ||||
| ———— | node_modules | <—node.js system folder | ||||
| ———— | src | <—project source files | ||||
| ——————— | actions | <—action files | ||||
| —example.js | ||||||
| ——————— | assets | <—project assets | ||||
| ————————— | css | |||||
| —index.scss | ||||||
| —information.scss | ||||||
| —common.scss | ||||||
| ————————— | images | |||||
| —transparent-1px.gif | ||||||
| —favicon.ico | ||||||
| ——————— | authentication | <—authentication handling | ||||
| —validate.js | ||||||
| ——————— | client-modules | <—modules for client side only | ||||
| —test.jsx | ||||||
| ——————— | languages | <—json language files | ||||
| —en.json | ||||||
| ——————— | markdowns | <—markdown language files | ||||
| ————————— | en | |||||
| —information.md | ||||||
| ——————— | models | <—project source files | ||||
| —information.js | ||||||
| ——————— | pagetitles | <—language page-titles | ||||
| —en.json | ||||||
| ——————— | server-modules | <—modules for server side only | ||||
| ——————— | views | <—app views (pages) | ||||
| —index.jsx | ||||||
| —information.jsx | ||||||
| —app.js | ||||||
| —manifest.json | ||||||
| —model-general.js | ||||||
| —modules-general.js | ||||||
| —page-template.jsx | ||||||
| —routes.js | ||||||
| —.babelrc | ||||||
| —.cookierc | ||||||
| —.eslintrc | ||||||
| —.gitignore | ||||||
| —.npmignore | ||||||
| —.nvmrc | ||||||
| —.stylelintrc | ||||||
| —.travis.yml | ||||||
| —cdn-cleanup.js | ||||||
| —cdn-deploy.js | ||||||
| —CHANGELOG.md | ||||||
| —gulpfile.js | ||||||
| —package-lock.json | ||||||
| —package.json | ||||||
| —postcss.config.js | ||||||
| —server.js | ||||||
| —webpack.config.chunks.js | ||||||
| —webpack.config.static.js | ||||||
| —webpack.config.views.js | ||||||