• Welcome eslint 4.3.0

• Welcome Webpack 3.4.1

• Updated dependencies

• Now it is possible to run grommet check with 3 optional arguments:

  • grommet check -t: only runs test
  • grommet check -j: only runs js lint
  • grommet check -s: only runs sass lint
  • grommet check -j -s: only runs js lint and sass lint

 "scripts": {
 "dev": "cross-env NODE_ENV=development grommet pack",
 "dist": "cross-env NODE_ENV=production grommet pack",
 "lint": "grommet check -j",
 "lint:fix": "grommet check -j -- --fix",
 "sass-lint": "grommet check -s",
 "start": "npm run dev",
 "test": "cross-env NODE_ENV=test grommet check",
 "test:watch": "grommet check -t -- --watch",
 "test:update": "grommet check -t -- --update",
 },

You can notice that all arguments for eslint, sasslint, and jest are now passed through. For example:

grommet check -t -- --watch will run jest in watch mode.

Welcome Jest 20.0.0 🎉

• Updated templates to use latest version of Sass loader
• Updated app template to use React Router v4

• Added support for port entry in devServerConfig

• Welcome Webpack v2 🎉
• Deprecated devServer.config.js and devServer.config.babel.js
  • Please move the content of this file to webpack.config.babel.js under the devConfig object

Migrating type=basic

Check out this new webpack config file

Migrating type=app

Check out this new webpack config file

Migrating type=docs

Check out this new webpack config file

Additional webpack v2 docs

https://webpack.js.org/guides/migrating/

• Added json-loader to avoid problems with webpack v1

Big shout out to @edvinh for the contribution!

• Only delete dist content on production mode
• Support for https on browser open

Big shout out to @coltonw for the contributions.

• Remove copy task in favor of copy-webpack-plugin

You will need to modify your webpack.babel.config.js to include the following:

...
import webpack from 'webpack';
import CopyWebpackPlugin from 'copy-webpack-plugin';
...
let plugins = [
 new CopyWebpackPlugin([{ from: './public' }]),
 ...
];

Also remember to run npm install copy-webpack-plugin --save-dev

To verify this change you can run npm run dist or npm run dev.

• Added babel-cli to devDependencies

• Added NODE_ENV=production to dist script in package.json.

  Make sure your package.json dist and start scripts are like follows:

   {
   "scripts": {
   "dist": "cross-env NODE_ENV=production grommet pack",
   "start": "npm run dist-server && npm run dist && node ./dist-server/server.js"
   }
   }

To verify this change you can run npm run dist or npm run start

• Updated .eslint global properties.

See this file for the updated .eslint rules:

https://github.com/grommet/grommet-cli/blob/master/templates/app/.eslintrc

To verify the changes you can run npm check, if passes everything is good.