How add to @nrwl/storybook fonts or assets?
See original GitHub issueHow add to library with @nrwl/storybook fonts or assets?
Expected Behavior
The file-loader
inside webpack.config
should load files with fonts or property assets
for @nrwl/storybook:storybook
should be added
Current Behavior
Configuration for @nrwl/storybook doesn’t allows me to provide any assets property, also when I provide file-loader inside webpack.config it just omit it…
Context
Webpack file-loader:
{
test: /\.(woff|woff2)$/,
use: [
{
loader: 'file-loader',
options: {
outputPath: (url, resourcePath, context) => {
console.log('url', url);
console.log('resourcePath', resourcePath);
console.log('context', context);
// Anything printed; in 'Sources -> webpack' is also missed
return `assets/${url}`;
},
}
}
],
include: path.resolve(__dirname, '../src/assets/')
}
Font use inside scss file:
@font-face {
font-family: 'FontName';
// src: url('^assets/fonts/FontName.woff2') format('woff2'), url('^assets/fonts/FontName.woff') format('woff'); // <-- The same
src: url('/assets/fonts/FontName.woff2') format('woff2'), url('/assets/fonts/FontName.woff') format('woff');
font-weight: $font-weight-regular;
}
NX Report
@nrwl/angular : 9.0.2 @nrwl/cli : 9.0.2 @nrwl/cypress : 9.0.2 @nrwl/eslint-plugin-nx : Not Found @nrwl/express : Not Found @nrwl/jest : 9.0.2 @nrwl/linter : Not Found @nrwl/nest : Not Found @nrwl/next : Not Found @nrwl/node : Not Found @nrwl/react : Not Found @nrwl/schematics : Not Found @nrwl/tao : 9.0.2 @nrwl/web : Not Found @nrwl/workspace : 9.0.2 typescript : 3.7.5
angular.json
"storybook": {
"builder": "@nrwl/storybook:storybook",
"options": {
"uiFramework": "@storybook/angular",
"port": 4400,
"config": {
"configFolder": "libs/shared/library-name/.storybook"
}
},
"configurations": {
"ci": {
"quiet": true
}
}
},
Issue Analytics
- State:
- Created 3 years ago
- Comments:6 (1 by maintainers)
@Chartieer The staticDir worked with the path related to the workspace directory, here’s my settings:
This works