Path to public assets not working #4

adamsilver · 2017-05-07T17:41:25Z

I have configured fractal to use Nunjucks and to use static assets:

'use strict';

const fractal = module.exports = require('@frctl/fractal').create();

fractal.web.set('static.path', __dirname+'/public');

fractal.set('project.title', 'FooCorp Component Library');
fractal.docs.set('path', __dirname + '/src/docs');
fractal.docs.engine('@frctl/nunjucks');
fractal.components.set('path', __dirname + '/src/components');
fractal.components.engine('@frctl/nunjucks');
fractal.components.set('ext', '.html');

And I have an alert component inside the following directory structure:

  /src
    /components
      /alert
        _preview.html
        alert.html
        alert.config.json
        alert.css
        alert.js
    /public
      /css
        demo.css

The _preview.html contains this HTML:

<!DOCTYPE html>
<html>
	<head>
	    <meta charset="utf-8">
	    <!-- doesn't work -->
	    <link media="all" rel="stylesheet" href="{{ '/public/css/demos.css' | path }}">
	    <!-- doesn't work -->
	    <link media="all" rel="stylesheet" href="{{ '/css/demos.css' | path }}">

	    <!-- Does work but have to put the word raw in -->
	    <link media="all" rel="stylesheet" href="{{ '/components/raw/alert/alert.css' | path }}">
	    <title>Preview Layout</title>
	</head>
	<body>

		{{ yield }}

		<script src="{{ '/components/raw/alert/alert.js' | path }}">
	</body>
</html>

The problem is both attempts to reference css in the public directory fail.

Also, is it right that I had to specifiy "raw" in the path for the component CSS file?

The text was updated successfully, but these errors were encountered:

adamsilver closed this as completed May 30, 2017

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Path to public assets not working #4

Path to public assets not working #4

adamsilver commented May 7, 2017 •

edited

Loading

Path to public assets not working #4

Path to public assets not working #4

Comments

adamsilver commented May 7, 2017 • edited Loading

adamsilver commented May 7, 2017 •

edited

Loading