sass-loader

Using Webpack 2 and sass-loader 4.11 webpack --config webpack.config.js Here is my webpack.config.js var path = require('path'); var sass = require("./sass/lifeleveler.scss"); module.exports = { entry: './dist/main.js', output: { filename: 'lifeleveler.app.js', path: path.resolve(__dirname, 'dist') }, watch: true, watchOptions: { aggregateTimeout: 300, poll: 1000, ignored: /node_modules/ }, module: { loaders: [ { test: /\.scss$/, include: [ path.resolve(__dirname, 'node_modules'), path.resolve(__dirname, './sass') ], loaders: ["style-loader", "css-loader", "sass-loader"] } ], rules: [ { test:

The sass loader doc says: "If you're just generating CSS without passing it to the css-loader, it must be relative to your web root" . So i did as it tells, I have my index.html in my project root , then I'm trying to load an image from my scss file. Now I have 2 errors: 1) from Chrome's console : Cannot find module "./img/header.jpg" . 2) from my terminal : ERROR in ./~/css-loader!./~/sass-loader!./~/resolve-url-loader!./public/css/header.scss Module not found: Error: Cannot resolve 'file' or 'directory' ./img/header.jpg in C:\Web-Development\React\Portfolio\public\css @ ./~/css-loader!./~

I'm just getting started with Vue.js + Webpack + vue-loader + bootstrap-sass + sass-loader and I'm a little lost. What I'd like to do is use the SASS version of bootstrap with my SPA Vue.js code. I want to do this so my bootstrap customisations can be done using SASS. Here is what I've done: Created a new Vue.js + webpack project with vue-cli. Installed bootstrap-sass and sass-loader. Added the following to build/webpack.base.conf.js: { test: /\.scss$/, loaders: [ 'style', 'css', 'sass' ] }, { test: /\.(woff2?|ttf|eot|svg)$/, loader: 'url', query: { limit: 10000 } } Created src/style.scss with