You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
1.7 KiB
71 lines
1.7 KiB
const path = require('path');
|
|
|
|
const CopyWebpackPlugin = require('copy-webpack-plugin');
|
|
|
|
module.exports = {
|
|
stories: [
|
|
'../ui/**/*.stories.js',
|
|
'../ui/**/*.stories.mdx',
|
|
'./*.stories.mdx',
|
|
],
|
|
addons: [
|
|
'@storybook/addon-essentials',
|
|
'@storybook/addon-actions',
|
|
'@storybook/addon-a11y',
|
|
'@storybook/addon-knobs',
|
|
'./i18n-party-addon/register.js',
|
|
'storybook-dark-mode',
|
|
],
|
|
staticDirs: ['../app', './images'],
|
|
// Uses babel.config.js settings and prevents "Missing class properties transform" error
|
|
babel: async (options) => ({ overrides: options.overrides }),
|
|
webpackFinal: async (config) => {
|
|
config.context = process.cwd();
|
|
config.node = {
|
|
__filename: true,
|
|
};
|
|
config.resolve.alias['webextension-polyfill'] = require.resolve(
|
|
'./__mocks__/webextension-polyfill.js',
|
|
);
|
|
config.module.strictExportPresence = true;
|
|
config.module.rules.push({
|
|
test: /\.scss$/,
|
|
loaders: [
|
|
'style-loader',
|
|
{
|
|
loader: 'css-loader',
|
|
options: {
|
|
import: false,
|
|
url: false,
|
|
},
|
|
},
|
|
{
|
|
loader: 'sass-loader',
|
|
options: {
|
|
sourceMap: true,
|
|
implementation: require('sass'),
|
|
sassOptions: {
|
|
includePaths: ['ui/css/'],
|
|
},
|
|
},
|
|
},
|
|
],
|
|
});
|
|
config.plugins.push(
|
|
new CopyWebpackPlugin({
|
|
patterns: [
|
|
{
|
|
from: path.join(
|
|
'node_modules',
|
|
'@fortawesome',
|
|
'fontawesome-free',
|
|
'webfonts',
|
|
),
|
|
to: path.join('fonts', 'fontawesome'),
|
|
},
|
|
],
|
|
}),
|
|
);
|
|
return config;
|
|
},
|
|
};
|
|
|