question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Meteor CSS not importing

See original GitHub issue

I’m following your docs/guide for CSS importing, from a Meteor app, and I am not getting the CSS into React Storybook, but it is in my Meteor app… and both are running at the same time.

$ npm -v && node -v
3.8.5
v4.2.1
$ npm install --save-dev style-loader raw-loader
// .storybook/webpack.config.js
const path = require('path');

module.exports = {
  module: {
    loaders: [
      {
        test: /\.css?$/,
        loaders: [ 'style', 'raw' ],
        include: path.resolve(__dirname, '../')
      }
    ]
  }
}

// .storybook/config.js
import { configure } from '@kadira/storybook';

function loadStories() {
  require('../imports/ui/layouts/stories/Header.jsx');
  require('../imports/ui/layouts/stories/Footer.jsx');
}

configure(loadStories, module);

React Storybook has no CSS files loading via Chrome Inspector Network.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:15 (7 by maintainers)

github_iconTop GitHub Comments

3reactions
ffxsamcommented, Apr 19, 2016

Ok, but even if you can have webpack boilerplate that we can copy/paste that will make CSS, Sass, and LESS work… that would be awesome. Because lots of Meteor folks like myself haven’t had a need to use webpack thanks to Meteor’s build system, and the learning curve for webpack is massive. I know I don’t have the time to invest in learning it.

2reactions
arunodacommented, Apr 19, 2016

@ffxsam Yes. We can simply put it there.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Meteor not loading external CSS and JS files - Stack Overflow
3 Answers 3 · Go to your pages folder. · Select the proper directory. · Select the js file that is importing your...
Read more >
Meteor 1.3 - Import CSS files - help
Hey guys, just playing with 1.3 + React - I've saved my components and stylesheets in imports/client/ui. Now my CSS files aren't loaded...
Read more >
Can't get CSS Modules to work on Meteor 1.6 (still) · Issue #106
Currently, I just get unstyled components, as if no import styles from 'file.css' were working. No errors, I even see 'processing files with...
Read more >
juliancwirko:postcss - Packosphere
Because PostCSS processes all CSS files in Meteor, it will also process CSS files from Meteor packages. This is good in most cases...
Read more >
Application structure | Meteor Guide - GitHub Pages
Introduction to using import and export. Meteor allows you to import not only JavaScript in your application, but also CSS and HTML to...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found