- Upgraded to core js 3
🚨 @babel/polyfill has been deprecated in favor of directly including core-js/stable (to polyfill ECMAScript features) and regenerator-runtime/runtime (needed to use transpiled generator functions). These should be installed at the project level.
import "core-js/stable";
import "regenerator-runtime/runtime";
- Fixed issue with 'Duplicate declaration' babel error with nested async functions when running tests
- Disabled webpack stats report by default
- Webpack Analyzer plugin now only runs on production builds to speed up development #91
- Core js has been explicitly set at v2 for Babel to stop console warnings #90
- Upgraded Babel from 7.3 to 7.4
- Fixed issue with css url loader option #79
- Changed
webpack-serve
forwebpack-dev-server
Please update your "start" script to use webpack-dev-server
- "start": "webpack-serve --config webpack.config.js --open",
+ "start": "webpack-dev-server --config webpack.config.js --open",
- Fixed issue with hashed files breaking in css
- Removed oneOf rule from file loader
- Fixed issue with babel targets in test mode
- Added File loader #26
- Disabled source maps by default for perfomance benifits
- CSS loader now uses default for
url
option #79 - Fixes issue when running in testing environments #29
- Upgraded mini-css-extract-lugin ^0.5.0 -> ^0.6.0
- Update
babel
monorepo tov7.2.0
- Update dependency
babel-plugin-transform-react-remove-prop-types
tov0.4.21
- Update dependency
css-loader
tov2
- Update dependency
mini-css-extract-plugin
to^0.5.0
- Removed dependency
clean-webpack-plugin
, as the plugin does not read from the standard output path configuration.
- Update
babel
monorepo tov7.1.6
- Update dependency
babel-plugin-transform-react-remove-prop-types
tov0.4.20
- Update dependency
webpack-bundle-analyzer
tov3
- Update dependency
wait-on
tov3
- Update
babel
monorepo tov7.0.0
- Update dependency
style-loader
to^0.23.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
tov2
(note: thedev
option in webpack-serve has been renamed todevMiddleware
) - Updated
babel
monorepo tov7.0.0-rc.1
- Added
cssnano
plugin topostcss-loader
to optimise CSS - Update dependency
style-loader
to^0.22.0
- Update dependency
webpack-cli
tov3
- Update dependency
postcss-loader
tov3
- Update dependency
css-loader
tov1
- Upgraded API to expose
createConfig
function (see breaking changes below) - Updated loaders for CSS delivery (
mini-css-extract-plugin-loader
vsstyle-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
tov15
- Update babel monorepo dependencies to
v7.0.0-beta.55
- Update dependency
autoprefixer
tov9
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.
- Update babel monorepo dependencies to v7.0.0-beta.55
- Update dependency autoprefixer to v9
- Fixed missing
'@babel/runtime/regenerator'
issue
- 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
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
- Added support for environment to be defined in NODE_ENV environment variable or Webpack CLI's
--mode
flag. - Bug fix: CSS Loader should not try to resolve url(), because this Webpack config does not process images.
- Changed
eslint-config-deloitte
to@deloitte-digital-au/eslint-config
. - Changed
stylelint-config-deloitte
to@deloitte-digital-au/stylelint-config
.
- Update dependency webpack-serve to v1
- Added lots of code comments
- Added '~/' src alias for imports
- Now affixes 'bundle' to bundle file names
- Now includes hash in chunk file names
- Fix now resolves .scss and .css modules
- Turned on 'strictExportPresence'
- Disable 'require.ensure' as it's not a standard language feature.
- NODE_ENV now equals 'development' in dev mode
- Changed default dev tool to 'cheap-module-source-map' in favour for source files in browser dev tools
- Added NamedModulesPlugin in dev mode for performance testing