A barebones boilerplate for getting started on a bespoke front end.
package.json
./content
directory, moved relevant assets out of /components
and explicitly documented this best practice of separation of UI and content in the readme under "Structure".?sourceMap
. Not sure when that became necessary.#
from the webpack devtool: '#source-map'
config as it defaults to #
anyway.data-component
attributes over simple class names:
button
or menu
.barebones
already exists on NPM.query
with querySelector
everywhere in example JS. It is better not to use query
and queryAll
where possible as they have been removed from the DOM standard and may never return. See: http://stackoverflow.com/a/38245620/1596978.standard-formatter
package. We have an ESLint fix script that better respects project ESLint config.eslint-config-barebones
repo.
stylelint-config-barebones
repo.
cacheDirectory
option to speed up babel-loader
by as much as 2x. See: https://github.com/babel/babel-loader#babel-loader-is-slow.babel-runtime
in place of babel-polyfill
. Instead of always bundling a heap of polyfills, Babel will now only polyfill the features that it comes across. It will also consolidate repetitive helpers. This significantly reduces the size of the JS bundle. See: https://babeljs.io/docs/plugins/transform-runtime.::
operator for binding this within the counter component constructor. See: https://babeljs.io/docs/plugins/transform-function-bind.warn
or error
will result in an error.