Open Zombiemx opened 1 year ago
Hi all,
I just tried to create an sprite with some svg images but, the svg is all white in the code is there but cannot see any icon there,
my webpack config is this one
`const { merge } = require('webpack-merge'); const common = require('./webpack.common.js'); const SpriteLoaderPlugin = require("svg-sprite-loader/plugin");
module.exports = merge(common, { mode: 'development', module: { rules: [ { test: /.(js|jsx)$/, loader: "babel-loader", exclude: /node_modules/, options: { cacheDirectory: true } }, { test: /.svg$/, loader: "svg-sprite-loader", include: path.resolve(__dirname, 'src/icons'), options: { extract: true, spriteFilename: "../src/icons/images.svg" } }, { test: /.css$/, use: [ 'style-loader', 'css-loader' ] },
],
}, plugins: [ new SpriteLoaderPlugin() ], });`
tks for the help !!
@Zombiemx Hi! What version of webpack do you use? Or maybe you already solved this problem?
Hi all,
I just tried to create an sprite with some svg images but, the svg is all white in the code is there but cannot see any icon there,
my webpack config is this one
`const { merge } = require('webpack-merge'); const common = require('./webpack.common.js'); const SpriteLoaderPlugin = require("svg-sprite-loader/plugin");
module.exports = merge(common, { mode: 'development', module: { rules: [ { test: /.(js|jsx)$/, loader: "babel-loader", exclude: /node_modules/, options: { cacheDirectory: true } }, { test: /.svg$/, loader: "svg-sprite-loader", include: path.resolve(__dirname, 'src/icons'), options: { extract: true, spriteFilename: "../src/icons/images.svg" } }, { test: /.css$/, use: [ 'style-loader', 'css-loader' ] },
}, plugins: [ new SpriteLoaderPlugin() ], });`
tks for the help !!