Electron-vue: How to add an import glob loader for SCSS?

Created on 25 Sep 2018  路  2Comments  路  Source: SimulatedGREG/electron-vue

Describe the issue / bug.

I want to write styles for components into external scss files and import them into main.scss without terrible import copypaste - so I tried to use import-glob-loader

How can I reproduce this problem?

So, I added into rules of webpack.renderer.conf

{
        test: /\.sass$/,
        enforce: 'pre',
        use: ['vue-style-loader', 'import-glob-loader', 'css-loader', 'sass-loader?indentedSyntax']
}

..not working

{
        test: /\.scss$/,
        enforce: 'pre',
        use: ['vue-style-loader', 'import-glob-loader', 'css-loader', 'sass-loader?indentedSyntax']
}

..not working. And imports with base path, without globs, stopped working too.
I'm new in webpack asset bundling and erlier used webpack only for js, cause of a lot of problems and sh**y webpack docs, pls help

Tell me about your development environment.
  • Node version: 9.11.1
  • NPM version: 6.0.0
  • vue-cli version: (if necessary) latest
  • Operating System: Ubuntu 16.04

All 2 comments

Was this page helpful?
0 / 5 - 0 ratings

Related issues

jt-wang picture jt-wang  路  3Comments

xiaomizhou66 picture xiaomizhou66  路  3Comments

alexiej picture alexiej  路  3Comments

Oriol-GG picture Oriol-GG  路  3Comments

simonwjackson picture simonwjackson  路  3Comments