Skip to content

Commit

Permalink
1.3.0 (#48)
Browse files Browse the repository at this point in the history 
* first pass at integrating `offline-plugin`

* first pass at asset hashing (just js & css for now)

* dependency updates

* yarn.lock post-merge

* hashing tweaks/buildout

* asset caching readme coverage

* asset caching readme coverage

* asset caching readme coverage

* postcss-extend integration (#42)

* first pass at postcss-extend support

* resolve build warning

* tidying up (#43)

* tidying up font sizes

* no reason for footer to have an id

* tidy up font sizes

* tidy up header component (viva la BEM)

* words of encouragement

* dependency updates

* only use service worker for production build

* further document offline-plugin removal

* further document offline-plugin removal

* further document offline-plugin removal

* further document offline-plugin removal

* version bump (#45)

* dependency updates

* readme updates

* app description update

* readme tweaks

* template tweaks

* incremental version bump

* replace postcss-cssnext w/ postcss-preset-env (#47)

* first pass at replacing postcss-cssnext with postcss-present-env

* verbiage tweaks

* update dependencies

* reorder base config import (after dependencies)

* configs cleanup

* html entity

* html entity

* minor version bump
  • Loading branch information
Brian Staruk authored Jul 14, 2018
1 parent 89711c0 commit 6762f48
Show file tree
Hide file tree
Showing 9 changed files with 1,153 additions and 1,071 deletions.
4 changes: 2 additions & 2 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,12 +11,12 @@ starbase is an offline-first web app boilerplate that is built with webpack 4, P
* [webpack 4](https://github.com/webpack/webpack) & [webpack-dev-server](https://github.com/webpack/webpack-dev-server)
* [Babel](https://github.com/babel/babel) (ES6) w/ [ESLint](https://github.com/eslint/eslint)
* [PostCSS](https://github.com/postcss/postcss) w/
* [cssnano](https://github.com/ben-eb/cssnano)
* [cssnext](https://github.com/MoOx/postcss-cssnext)
* [PostCSS Preset Env](https://github.com/csstools/postcss-preset-env)
* [PostCSS Nested](https://github.com/postcss/postcss-nested)
* [PostCSS Responsive Type](https://github.com/seaneking/postcss-responsive-type)
* [postcss-extend](https://github.com/travco/postcss-extend)
* [stylelint](https://github.com/stylelint/stylelint)
* [cssnano](https://github.com/ben-eb/cssnano)
* [MQPacker](https://github.com/hail2u/node-css-mqpacker)
* ...and more!

Expand Down
38 changes: 19 additions & 19 deletions package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "starbase",
"version": "1.2.1",
"version": "1.3.0",
"author": "Brian Staruk <[email protected]>",
"contributors": [
{
Expand Down Expand Up @@ -31,45 +31,45 @@
"license": "MIT",
"devDependencies": {
"babel-core": "^6.26.3",
"babel-eslint": "^8.2.3",
"babel-loader": "^7.1.4",
"babel-eslint": "^8.2.6",
"babel-loader": "^7.1.5",
"babel-preset-env": "^1.7.0",
"caniuse-lite": "^1.0.30000849",
"caniuse-lite": "^1.0.30000865",
"clean-webpack-plugin": "^0.1.19",
"css-loader": "^0.28.11",
"css-loader": "^1.0.0",
"css-mqpacker": "^6.0.2",
"cssnano": "^3.10.0",
"cssnano": "^4.0.2",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-airbnb": "^17.0.0",
"eslint-loader": "^2.0.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-react": "^7.9.1",
"eslint-plugin-import": "^2.13.0",
"eslint-plugin-jsx-a11y": "^6.1.1",
"eslint-plugin-react": "^7.10.0",
"file-loader": "^1.1.11",
"html-loader": "^0.5.5",
"html-webpack-plugin": "^3.2.0",
"loader-utils": "^1.1.0",
"mini-css-extract-plugin": "^0.4.0",
"node-sass": "^4.9.0",
"mini-css-extract-plugin": "^0.4.1",
"node-sass": "^4.9.2",
"offline-plugin": "^5.0.5",
"postcss": "^6.0.22",
"postcss-cssnext": "^3.1.0",
"postcss": "^6.0.23",
"postcss-extend": "^1.0.5",
"postcss-import": "^11.1.0",
"postcss-loader": "^2.1.5",
"postcss-loader": "^2.1.6",
"postcss-nested": "^3.0.0",
"postcss-preset-env": "^5.2.2",
"postcss-remove-root": "0.0.2",
"postcss-reporter": "^5.0.0",
"postcss-responsive-type": "^1.0.0",
"sass-loader": "^7.0.3",
"style-loader": "^0.21.0",
"stylelint": "^9.2.1",
"stylelint": "^9.3.0",
"stylelint-config-standard": "^18.2.0",
"url-loader": "^1.0.1",
"webpack": "^4.11.0",
"webpack-cli": "^3.0.2",
"webpack": "^4.16.0",
"webpack-cli": "^3.0.8",
"webpack-dev-server": "^3.1.4",
"webpack-merge": "^4.1.2"
"webpack-merge": "^4.1.3"
},
"dependencies": {
"es6-promise": "^4.2.4",
Expand Down
13 changes: 8 additions & 5 deletions src/components/tabs/Tabs.js
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,14 @@
class Tabs {
constructor(props) {
if (props.el) {
this.el = props.el;
if (this.el) {
this.init();
}
const { el } = props;

if (!el) {
return;
}

this.el = el;

this.init();
}

init() {
Expand Down
4 changes: 2 additions & 2 deletions src/templates/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@
<html class="no-js">
<head>
<meta charset="UTF-8">
<title>starbase - a webpack, ES6 & PostCSS boilerplate for web developers</title>
<meta name="description" content="starbase: webpack 4 boilerplate w/ Babel (ES6), ESLint, PostCSS, cssnext, stylelint & more">
<title>starbase - a webpack, ES6 &amp; PostCSS boilerplate for web developers</title>
<meta name="description" content="starbase: webpack 4 boilerplate w/ Babel (ES6), ESLint, PostCSS, PostCSS Preset Env, stylelint &amp; more">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#fefefe">
</head>
Expand Down
4 changes: 2 additions & 2 deletions src/variables/variables.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,6 @@
--body-width-max: 48rem; /* 768/16 */

/* breakpoints */
@custom-media --small only screen and (min-width: 34rem); /* 544/16 */
@custom-media --medium only screen and (min-width: 48rem); /* 768/16 */
@custom-media --small (min-width: 34em); /* 544/16 */
@custom-media --medium (min-width: 48em); /* 768/16 */
}
2 changes: 1 addition & 1 deletion webpack/webpack.config.base.js
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require('path');

module.exports = {
context: path.resolve(__dirname, '../src'),
Expand Down
31 changes: 21 additions & 10 deletions webpack/webpack.config.dev.js
View file
Original file line number Diff line number Diff line change
@@ -1,18 +1,21 @@
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const path = require('path');
const webpackMerge = require('webpack-merge');
const webpackConfigBase = require('./webpack.config.base.js');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

// postcss plugins
const cssMqpacker = require('css-mqpacker');
const cssnano = require('cssnano');
const postcssExtend = require('postcss-extend');
const postcssImport = require('postcss-import');
const stylelint = require('stylelint');
const postcssReporter = require('postcss-reporter');
const postcssCssnext = require('postcss-cssnext');
const postcssNested = require('postcss-nested');
const postcssPresetEnv = require('postcss-preset-env');
const postcssRemoveRoot = require('postcss-remove-root');
const postcssReporter = require('postcss-reporter');
const postcssResponsiveType = require('postcss-responsive-type');
const postcssExtend = require('postcss-extend');
const cssMqpacker = require('css-mqpacker');
const stylelint = require('stylelint');

// import base config
const webpackConfigBase = require('./webpack.config.base.js');

module.exports = webpackMerge(webpackConfigBase, {
output: {
Expand All @@ -28,16 +31,21 @@ module.exports = webpackMerge(webpackConfigBase, {
{
loader: 'postcss-loader',
options: {
ident: 'postcss',
sourceMap: 'inline',
plugins: () => [
stylelint(),
postcssReporter(),
postcssImport(),
postcssNested(),
postcssCssnext({
postcssPresetEnv({
stage: 1,
features: {
autoprefixer: {
grid: false
'custom-properties': {
preserve: false
},
'custom-media': {
preserve: false
}
}
}),
Expand All @@ -46,6 +54,9 @@ module.exports = webpackMerge(webpackConfigBase, {
postcssRemoveRoot(),
cssMqpacker({
sort: true
}),
cssnano({
preset: 'default'
})
]
}
Expand Down
36 changes: 21 additions & 15 deletions webpack/webpack.config.prod.js
View file
Original file line number Diff line number Diff line change
@@ -1,21 +1,23 @@
const path = require('path');
const webpackMerge = require('webpack-merge');
const webpackConfigBase = require('./webpack.config.base.js');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const OfflinePlugin = require('offline-plugin');
const path = require('path');
const webpackMerge = require('webpack-merge');

// postcss plugins
const cssMqpacker = require('css-mqpacker');
const cssnano = require('cssnano');
const postcssExtend = require('postcss-extend');
const postcssImport = require('postcss-import');
const stylelint = require('stylelint');
const postcssReporter = require('postcss-reporter');
const postcssCssnext = require('postcss-cssnext');
const postcssNested = require('postcss-nested');
const postcssPresetEnv = require('postcss-preset-env');
const postcssRemoveRoot = require('postcss-remove-root');
const postcssReporter = require('postcss-reporter');
const postcssResponsiveType = require('postcss-responsive-type');
const postcssExtend = require('postcss-extend');
const cssMqpacker = require('css-mqpacker');
const cssnano = require('cssnano');
const stylelint = require('stylelint');

// import base config
const webpackConfigBase = require('./webpack.config.base.js');

module.exports = webpackMerge(webpackConfigBase, {
output: {
Expand All @@ -31,15 +33,20 @@ module.exports = webpackMerge(webpackConfigBase, {
{
loader: 'postcss-loader',
options: {
ident: 'postcss',
plugins: () => [
stylelint(),
postcssReporter(),
postcssImport(),
postcssNested(),
postcssCssnext({
postcssPresetEnv({
stage: 1,
features: {
autoprefixer: {
grid: false
'custom-properties': {
preserve: false
},
'custom-media': {
preserve: false
}
}
}),
Expand All @@ -50,8 +57,7 @@ module.exports = webpackMerge(webpackConfigBase, {
sort: true
}),
cssnano({
autoprefixer: false,
safe: true
preset: 'default'
})
]
}
Expand Down
Loading

0 comments on commit 6762f48

Please sign in to comment.