@deloitte-digital-au/babel-preset-app-react - npm Package Versions

1.1.0

• Installed webpack-bundle-analyzer
• Changed @babel/preset-env preset configuration to import polyfills based on usage. Babel will add a specific import for each polyfill into each file if the file uses an API that requires a polyfill in the supported environments.
• Update dependency webpack-serve to v2 (note: the dev option in webpack-serve has been renamed to devMiddleware)
• Updated babel monorepo to v7.0.0-rc.1

0.0.8

• Update babel monorepo dependencies to v7.0.0-beta.55
• Update dependency autoprefixer to v9

1.0.0

• Upgraded API to expose createConfig function (see breaking changes below)
• Updated loaders for CSS delivery (mini-css-extract-plugin-loader vs style-loader) (see breaking changes below)
• Added loaders for CSS files (previously only SCSS files were supported)
• Improved unit tests for build
• Added functional tests for watch
• Updated dependency vue-loader to v15
• Update babel monorepo dependencies to v7.0.0-beta.55
• Update dependency autoprefixer to v9

Breaking Changes

1.

Previously we exported a single config object. Now we export { baseConfig, createConfig, mergeConfig }.

Previously, the base config was extended like this:

const config = require('@deloitte-digital-au/webpack-config');

config.entry = {
    main: [
        './src/index.js',
    ],
};

module.exports = config;

Now, the base config is extended like this:

const { createConfig } = require('@deloitte-digital-au/webpack-config');

module.exports = createConfig({
    entry: {
        main: [
            './src/index.js',
        ],
    },
});

2.

The module rule matching files with an extension of .js.scss has been removed. If you would like your CSS to be embedded into a JavaScript file and served with style-loader, simply import it into a JavaScript file. If you would like your CSS to be extracted to a CSS file, add it to an entry point or @import it into another CSS / SCSS file.

0.0.7

• Fixed missing '@babel/runtime/regenerator' issue

0.0.6

• Upgraded to Babel 7
• Added scoped babel preset packages
• Class properties is now supported out of the box
• Webpack dynamic imports is now supported out of the box #23
• Destructuring is now supported out of the box
• Generators is now supported out of the box
• Babel env is now supported out of the box

Breaking Changes

1.

You will need to make changes to your .babelrc or babel property in the package.json file.

If not using React, Change:

presets: ["env"]

for presets: ["@deloitte-digital-au/babel-preset-app"]

Or if using React, change:

presets: ["env", "react"]

for presets: ["@deloitte-digital-au/babel-preset-app-react"]

2.

Install babel 7 cli.

npm install @babel/cli --save-dev

3.

Upgrade to the babel 7 polyfill if you are using a polyfill

npm uninstall babel-polyfill --save-dev

npm install @babel/polyfill --save-dev