Dashboard: Must have webpack config with stylable webpack plugin

[YardenPorat]

Project must have a webpack config, with stylable webpack plugin. This is for an app that doesn't contain React.

adding stylable webpack plugin into webpack.config.js solves this.

This is undocumented nor does it appear in the examples.

yarn run v1.22.15
$ engineer start
Analyzing Features: 31.149ms
ERROR in ./node_modules/@wixc3/engine-dashboard/dist/components/actions-container.st.css 2:0
Module parse failed: Unexpected token (2:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| /* st-namespace-reference="../../src/components/actions-container.st.css" */
> .actionsContainer {
|     display: flex;
|     align-items: center;

ERROR in ./node_modules/@wixc3/engine-dashboard/dist/components/app.st.css 2:0
Module parse failed: Unexpected token (2:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| /* st-namespace-reference="../../src/components/app.st.css" */
> .root {
|     height: 100vh;
| }

ERROR in ./node_modules/@wixc3/engine-dashboard/dist/components/dashboard.st.css 2:0
Module parse failed: Unexpected token (2:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| /* st-namespace-reference="../../src/components/dashboard.st.css" */
> .root {
|     font-family: Helvetica, sans-serif;
|     display: flex;

ERROR in ./node_modules/@wixc3/engine-dashboard/dist/components/feature-graph.st.css 2:0
Module parse failed: Unexpected token (2:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| /* st-namespace-reference="../../src/components/feature-graph.st.css" */
> .link {
|     fill: none;
|     stroke: #999;

ERROR in ./node_modules/@wixc3/engine-dashboard/dist/components/feature-selection.st.css 2:0
Module parse failed: Unexpected token (2:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| /* st-namespace-reference="../../src/components/feature-selection.st.css" */
> .root {
|     display: flex;
|     justify-content: space-around;

ERROR in ./node_modules/@wixc3/engine-dashboard/dist/components/reset.st.css 2:0
Module parse failed: Unexpected token (2:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| /* st-namespace-reference="../../src/components/reset.st.css" */
> :global(*),
| :global(::before),
| :global(::after) {

ERROR in ./node_modules/@wixc3/engine-dashboard/dist/components/runtime-option.st.css 2:0
Module parse failed: Unexpected token (2:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| /* st-namespace-reference="../../src/components/runtime-option.st.css" */
> .root {
|     display: flex;
|     justify-content: space-around;

ERROR in ./node_modules/@wixc3/engine-dashboard/dist/components/runtime-options-container.st.css 2:0
Module parse failed: Unexpected token (2:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| /* st-namespace-reference="../../src/components/runtime-options-container.st.css" */
> .root {
|     display: flex;
|     justify-content: space-around;

ERROR in ./node_modules/@wixc3/engine-dashboard/dist/components/titled-element.st.css 2:0
Module parse failed: Unexpected token (2:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| /* st-namespace-reference="../../src/components/titled-element.st.css" */
> .root {
|     display: flex;
|     flex-direction: column;

ERROR in ./node_modules/@wixc3/engine-dashboard/dist/components/toggle.st.css 2:0
Module parse failed: Unexpected token (2:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| /* st-namespace-reference="../../src/components/toggle.st.css" */
> .root {
|     -st-states: toggled;
|     width: 50px;

webpack compiled with 10 errors
Dashboard Listening:
Dashboard URL: http://localhost:3000/dashboard

[AviVahl]

It's an unwanted result of us building the dashboard again and again instead of once at our own build time. We should not require any special plugins/loaders from user.