adding svg-url-loader

This commit is contained in:
Wei-Wei Wu 2018-03-16 00:20:53 -07:00
parent 4526332f6c
commit c244b45c00
6 changed files with 40 additions and 10 deletions

View File

@ -10,9 +10,16 @@ const config = {
use: ['json-loader', 'yaml-loader'],
},
{
test: /\.(jpg|png|gif|eot|svg|ttf|woff|woff2)$/,
test: /\.(jpg|png|gif|eot|ttf|woff|woff2)$/,
use: ['file-loader'],
},
{
test: /\.svg$/,
loader: 'svg-url-loader',
options: {
noquotes: true,
},
},
],
},
};

View File

@ -30,6 +30,7 @@
"babel-preset-vue": "^2.0.1",
"cross-env": "^5.1.4",
"file-loader": "^1.1.11",
"svg-url-loader": "^2.3.2",
"vue-loader": "^14.2.1",
"webpack": "^3.11.0",
"webpack-dev-server": "^2.11.2"

View File

@ -24,12 +24,19 @@ module.exports = {
exclude: /node_modules/,
},
{
test: /\.(png|jpg|gif|svg)$/,
test: /\.(png|jpg|gif)$/,
loader: 'file-loader',
options: {
name: '[name].[ext]?[hash]',
},
},
{
test: /\.svg$/,
loader: 'svg-url-loader',
options: {
noquotes: true,
},
},
],
},
resolve: {

View File

@ -42,6 +42,7 @@
"serve-favicon": "^2.4.5",
"shelljs": "^0.8.1",
"style-loader": "^0.20.3",
"svg-url-loader": "^2.3.2",
"url-loader": "^0.6.2",
"webpack": "^3.11.0",
"webpack-dev-middleware": "^1.12.2",

View File

@ -37,12 +37,19 @@ export function createDefaultWebpackConfig(storybookBaseConfig) {
loader: require.resolve('json-loader'),
},
{
test: /\.(ico|jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2)(\?.*)?$/,
test: /\.(ico|jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2)(\?.*)?$/,
loader: require.resolve('file-loader'),
query: {
name: 'static/media/[name].[hash:8].[ext]',
},
},
{
test: /\.svg$/,
loader: require.resolve('svg-url-loader'),
options: {
noquotes: true,
},
},
{
test: /\.(mp4|webm|wav|mp3|m4a|aac|oga)(\?.*)?$/,
loader: require.resolve('url-loader'),

View File

@ -6046,6 +6046,13 @@ file-entry-cache@^2.0.0:
flat-cache "^1.2.1"
object-assign "^4.0.1"
file-loader@1.1.11, file-loader@^1.1.11:
version "1.1.11"
resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-1.1.11.tgz#6fe886449b0f2a936e43cabaac0cdbfb369506f8"
dependencies:
loader-utils "^1.0.2"
schema-utils "^0.4.5"
file-loader@1.1.5:
version "1.1.5"
resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-1.1.5.tgz#91c25b6b6fbe56dae99f10a425fd64933b5c9daa"
@ -6053,13 +6060,6 @@ file-loader@1.1.5:
loader-utils "^1.0.2"
schema-utils "^0.3.0"
file-loader@^1.1.11:
version "1.1.11"
resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-1.1.11.tgz#6fe886449b0f2a936e43cabaac0cdbfb369506f8"
dependencies:
loader-utils "^1.0.2"
schema-utils "^0.4.5"
file-loader@^1.1.5:
version "1.1.6"
resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-1.1.6.tgz#7b9a8f2c58f00a77fddf49e940f7ac978a3ea0e8"
@ -15199,6 +15199,13 @@ svg-tags@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/svg-tags/-/svg-tags-1.0.0.tgz#58f71cee3bd519b59d4b2a843b6c7de64ac04764"
svg-url-loader@^2.3.2:
version "2.3.2"
resolved "https://registry.yarnpkg.com/svg-url-loader/-/svg-url-loader-2.3.2.tgz#dd86b26c19fe3b914f04ea10ef39594eade04464"
dependencies:
file-loader "1.1.11"
loader-utils "1.1.0"
svgo@^0.7.0:
version "0.7.2"
resolved "https://registry.yarnpkg.com/svgo/-/svgo-0.7.2.tgz#9f5772413952135c6fefbf40afe6a4faa88b4bb5"