Il documento sass loader
dice: "If you're just generating CSS without passing it to the css-loader, it must be relative to your web root"
. Così ho fatto come dice, ho il mio index.html
nel mio project root
, quindi sto cercando di caricare un image
dal mio file scss
. Ora ho 2 errori: 1) da Chrome's console
: Cannot find module "./img/header.jpg"
. 2) dalle mie terminal
:Webpack - caricatore sass non trova immagini
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!./~/sass-loader!./~/resolve-url-loader!./public/css/header.scss 6:64-91
webpack.config.js
module.exports = {
entry: './main.jsx',
output: {
filename: './public/js/build/bundle.js'
},
module: {
loaders: [
{
test: /\.jsx?$/,
exclude: /(node_modules|bower_components)/,
loader: 'babel',
query: {
presets: ['react', 'es2015']
}
},
{
test: /\.scss$/,
loaders: ["style", "css", "sass", "resolve-url"]
},
{
test: /\.jpg$/,
loader: "file?name=[path][name].[ext]"
}
]
}
};
Se vedo il mio codice, posso vedere chiaramente che il mio css vive dentro <head>
così ho sottolineato la mia immagine di percorso alla mia radice, come dice la documentazione, ma ancora non è in grado di risolverlo.
UPDATE: Ho installato file-loader
e seguito le istruzioni, ora ottengo questo errore nella console: GET http://localhost:3000/public/img/header.jpg 404 (Not Found) - jquery.js:9119
Il problema potrebbe essere con la directory bower_components forse? Ho avuto un problema simile qui con i caratteri: http://stackoverflow.com/questions/33733370/webpack-cannot-load-fonts-from-bower-using-css-scss – Zorgatone