So basically this is what I am trying (Not my actual setup, just a bare minimum to show the steps)

//webpack.prod.ts
const DashboardPlugin = require('webpack-dashboard/plugin');
...

const prodConfig: webpack.Configuration = {
  mode: 'production',
  devtool: 'source-map',
  entry: {
    ...
  },
  output: {
   ...
  },
  plugins: [
    new DashboardPlugin(),
  ],
};

export default prodConfig;

and then I have this file that handles the build process(Not using a cli because the actual file does much more than shown here)

//buildWeb.ts

webpack(webpackConfig, (error, stats) => {
     console.warn('Success\n', stats.toString());
});

And in my package.json, I execture my buildWeb.ts by doing

"build-web": "npx ts-node src/scripts/buildWeb.ts",

This structure currently does not display anything inside the console.

one possible approach would be to be able to pass a callback to DashboardPlugin that will return something that I can use to construct the dashboard in the console window. I was initially thinking handler option is exactly for that but I was unable to leverage that in any meaningful way.

Run webpack dashboard from .js file. #339

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions