use babel-loader with vue-svg-loader

This commit is contained in:
Alina Beck 2019-12-05 13:59:06 +03:00
parent 4010635f2b
commit f20531ece3
2 changed files with 32 additions and 22 deletions

View File

@ -258,19 +258,24 @@ export default {
svgRule.test = /\.(png|jpe?g|gif|webp)$/ svgRule.test = /\.(png|jpe?g|gif|webp)$/
config.module.rules.push({ config.module.rules.push({
test: /\.svg$/, test: /\.svg$/,
loader: 'vue-svg-loader', use: [
options: { 'babel-loader',
svgo: { {
plugins: [ loader: 'vue-svg-loader',
{ options: {
removeViewBox: false, svgo: {
plugins: [
{
removeViewBox: false,
},
{
removeDimensions: true,
},
],
}, },
{ },
removeDimensions: true,
},
],
}, },
}, ],
}) })
}, },
}, },

View File

@ -41,19 +41,24 @@ module.exports = async ({ config, mode }) => {
config.module.rules.push({ config.module.rules.push({
test: /\.svg$/, test: /\.svg$/,
loader: 'vue-svg-loader', use: [
options: { 'babel-loader',
svgo: { {
plugins: [ loader: 'vue-svg-loader',
{ options: {
removeViewBox: false, svgo: {
plugins: [
{
removeViewBox: false,
},
{
removeDimensions: true,
},
],
}, },
{ },
removeDimensions: true,
},
],
}, },
}, ],
}) })
config.resolve.alias = { config.resolve.alias = {