feat: Add support for SCSS styles

[ThPadelis]

Closes #46

[Asored-D]

Hi @ThPadelis, thanks for your contribution! Does the generation of frontend.css and admin.css work for you?

[ThPadelis]

Yes, it does. Do you experience a problem? If yes, let us know what is it and what have you tried till now

[Asored-D]

Hi @ThPadelis, thanks for the fast response! Cloning the original repo, the generation of frontend.css and admin.css does not work. No error messages, but also no css files generated.

As workaround I have to modify the following lines:

var entryPoint = {
  frontend: ["./src/frontend/main.js", "./assets/scss/frontend.scss"],
  admin: ["./src/admin/main.js", "./assets/scss/admin.scss"],
  style: ['./assets/scss/style.scss'],
};

and

{
  test: /\.scss$/,
  use: [
    'vue-style-loader', 
    {
      loader: MiniCssExtractPlugin.loader,
      options: {
          esModule: false,
      },
    }, 
    'css-loader', 
    'sass-loader'
  ]
}

Additionally I created the files admin.scss and frontend.scss in the assets/scss folder. With this setup the admin.css and frontend.css gets generated. But I think thats just a dirty workaround.. :-)

[ThPadelis]

No need to create and add these files as entry points, unless you actually need this. You can simple create src/admin/style.scss or/and src/frontend/style.scss and import it in the corresponding src/main.js file just like a normal Vue application. With your current webpack config, the app will automatically create the assets/css/admin.css or/and assets/css/frontend.css files