webpack-style-loader

I'm new to the whole Node/NPM/Webpack world, so apologies if this is obvious. I'm attempting to build a simple front-end project bundled with Webpack. I've got node installed, and have a package.json file configured. If I run "npm start" in my root directory, I get no errors from the console, and I'm able to go to "localhost:3000" in a browser and see my "hello, world" output. My next task is to include a stylesheet, which contains a reference to an image, like this: .myimg {background: url(path/to/file.jpg);} With things set up like this, I can view the image via the webpack-dev-server (by

I don't know how to load with webpack any CSS from node_modules libs, for example I've installed leaflet and each attempt of load leaflet/dist/leaflet.css fails. Could you provide example how to load static styles from node_modules? My current webpack config below. Additionaly I'm using extract-text-webpack-plugin and sass-loader my project scss files are working well, I have also css-loader , have I to resolve static css files or add something to stylePathResolves ? //require('leaflet/dist/leaflet.css'); var ExtractTextPlugin = require("extract-text-webpack-plugin"); var webpack = require(

I have two questions. 1) CSS Loader and Style Loader are two webpack loaders. I couldn't grasp the difference between the two. Why do I have to use two loaders when they both do the same job? 2) What is this .useable.less and .useable.css mentioned in the above Readme.md files? The CSS loader takes a CSS file and returns the CSS with imports and url(...) resolved via webpack's require functionality: var css = require("css!./file.css"); // => returns css code from file.css, resolves imports and url(...) It doesn't actually do anything with the returned CSS. The style loader takes CSS and

My webpack config specifies that fonts should be loaded using url-loader , and when I try to view the page using Chrome I get the following error: OTS parsing error: invalid version tag Failed to decode downloaded font: [My local URL] The relevant parts of my config look like this: { module: { loaders: [ // ... { test: /\.scss$/, loaders: ['style', 'css?sourceMap', 'autoprefixer', 'sass?sourceMap'], }, { test: /images\/.*\.(png|jpg|svg|gif)$/, loader: 'url-loader?limit=10000&name="[name]-[hash].[ext]"', }, { test: /fonts\/.*\.(woff|woff2|eot|ttf|svg)$/, loader: 'file-loader?name="[name]-[hash]