isDev,
isClient,
}) {
const svgRule = config.module.rules.find(rule => rule.test.test('.svg'));
svgRule.test = /\.(png|jpe?g|gif|webp)$/;
config.module.rules.push({
test: /\.svg$/,
oneOf: [{
resourceQuery: /inline/,
loader: 'vue-svg-loader',
options: {
svgo: {
plugins: [{
removeViewBox: false,
}],
},
},
},
{
loader: 'url-loader',
options: {
limit: 1000,
name: 'img/[name].[hash:7].[ext]',
},
},
{
loader: 'file-loader',
query: {
name: 'assets/[name].[hash:8].[ext]',
},
}
],
});
В компоненте:
import logo from '@/path/logo.svg?inline'
и регистрирую как компонент.
спасибо!
Обсуждают сегодня