Laravel Mix SVG
A laravel mix plugin that adds a svg.js
file to your project. This is the JavaSript counterpart to Adam's Laravel Blade SVG composer package.
Install
npm install --save-dev laravel-mix-svg
Add the following to the top of your webpack.mix.js
file
;
Add the following to your webpack.mix.js
file
mix;
Usage
By default it grabs any svg file from resources/assets/svg
folder (including subdirectories) and makes it available as the filename without extension.
It creates a new file called resources/assets/js/svg.js
that contains a single public method to render a svg method.
const svg = ; // Spits out svg tag of the file my-thing.svg; // Spits out svg tag of the file my-thing.svg inside the other-folder; // Adds icon & bg-blue css class to the svg.
With VueJs
Vue.prototype.svg = require('./svg');
Insisde a template tag you can use v-html
to render out a svg image.
......
Configuration
You can give a object to mix.svg
mix