Skip to content

Instantly share code, notes, and snippets.

@abzeede

abzeede/sass-resources-loder-webpacker.js

Created April 15, 2020 13:43
Show Gist options
  • Save abzeede/8a4b900ea84f5d055f750792b06258ed to your computer and use it in GitHub Desktop.
Save abzeede/8a4b900ea84f5d055f750792b06258ed to your computer and use it in GitHub Desktop.
Download ZIP
config webpacker to support sass-resources-loder
Raw
sass-resources-loder-webpacker.js
// config/webpack/environment.js
const { environment } = require('@rails/webpacker')
const {
resolved_paths: includePaths,
} = require('@rails/webpacker/package/config')
const getStyleRule = require('@rails/webpacker/package/utils/get_style_rule')
environment.loaders.delete('sass')
environment.loaders.insert(
'sass',
getStyleRule(/\.(scss|sass)(\.erb)?$/i, false, [
{
loader: 'sass-loader',
options: {
sourceMap: true,
sassOptions: {
includePaths,
},
},
},
{
loader: 'sass-resources-loader',
options: {
resources: [
'app/assets/stylesheets/...',
'app/assets/stylesheets/...',
],
},
},
])
)
module.exports = environment
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment