stephenwf / create-nwb-webpack-config Goto Github PK

Not sure if it is here but it is in the trace.

Plugin could not be registered at 'html-webpack-plugin-before-html-processing'. Hook was not found. BREAKING CHANGE: There need to exist a hook at 'this.hooks'. To create a compatibility layer for this hook, hook into 'this._pluginCompat'. (node:9952) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead at CaseSensitivePathsPlugin.apply (F:\Projects\Create_React_Apps\app-wrapper\node_modules\create-nwb-webpack-config\node_modules\case-sensitive-paths-webpack-plugin\index.js:136:12)

trying to use styleguidist

var config = require("create-nwb-webpack-config")();

config.plugins = config.plugins.filter(function(plugin) {
  return !plugin.chunkNames && !(plugin.options && plugin.options.template);
});

process.traceDeprecation = true;

module.exports = {
  webpackConfig: config,
  components: "src/components/**/[A-Z]*.js"
};

Hey y'all, this is an absolutely fantastic 'lil tool. (I've been using it to pass my NWB config to Styleguidist!) The only issue I've had thus far is that it doesn't seem to pick up the additional Webpack settings generated by the nwb-sass plugin! Or just as likely, I've missed some key configuration step I'm missing, or somesuch?

Either way, at the moment I have the Sass plugin installed and working so that I can import './style.scss' in one of my components and NWB compiles e'erything correctly. But when I try to run the Styleguidist build I get the following error:

Building style guide...
./src/components/A/style.scss 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
> .ComponentA {
|   color: red;
| }
 @ ./src/components/A/index.js 11:0-22

Any further tips would be much appreciated!