@abcnews/aunty-pl
v1.0.0
Published
Tools to extend @abcnews/aunty for Presentation Layer
Downloads
5
Keywords
Readme
@abcnews/aunty-pl
Tools to extend @abcnews/aunty for Presentation Layer
Prerequisites
- Install this package into your
react
aunty project as a development dependency
npm install -D @abcnews/aunty-pl
- Create (or update) your
aunty.config.js
file so that it contains at a minimum:
module.exports = {
type: 'react',
webpack: config => {
return config;
}
};
If you had to create the file above, remember to delete the now-redundant aunty
property from your package.json
file.
Usage
To enable aunty to build projects that depend on @abcaustralia/*
component libraries, import the applyWebpackRules
utility from this package into your aunty.config.js
, and call it with your Webpack config object:
const { applyWebpackRules } = require('@abcnews/aunty-pl');
module.exports = {
type: 'react',
webpack: config => {
applyWebpackRules(config);
return config;
}
};
The effects of applying this update are:
- The existing Webpack rule that handles
.css
/.scss
files excludes the@abcaustralia
package namespace. - A new rule is added specifically for handling
.css
files under the@abcaustralia
package namespace, which applies, in order:- their
postcss-loader
- our
css-loader
with their options (they use CSS modules) - our last loader, which will either be
MiniCssExtractPlugin
's loader orstyle-loader
(default), depending on whether our project is configured to extract CSS into separate assets or not.
- their