You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
2.2 KiB
85 lines
2.2 KiB
2 years ago
|
const mix = require('laravel-mix')
|
||
|
|
const path = require('path')
|
||
|
|
|
||
|
|
require('laravel-mix-purgecss')
|
||
|
|
|
||
|
|
// plugins
|
||
|
|
const SvgSpritemapPlugin = require('svg-spritemap-webpack-plugin')
|
||
|
|
|
||
|
|
/*
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
| Mix Asset Management
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
|
|
||
|
|
| Mix provides a clean, fluent API for defining some Webpack build steps
|
||
|
|
| for your Laravel applications. By default, we are compiling the CSS
|
||
|
|
| file for the application as well as bundling up all the JS files.
|
||
|
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
mix.webpackConfig({
|
||
|
|
module: {
|
||
|
|
rules: [{
|
||
|
|
test: /\.riot$/,
|
||
|
|
use: [{
|
||
|
|
loader: '@riotjs/webpack-loader',
|
||
|
|
options: {
|
||
|
|
hot: false
|
||
|
|
}
|
||
|
|
}]
|
||
|
|
}
|
||
|
|
]},
|
||
|
|
plugins: [
|
||
|
|
new SvgSpritemapPlugin([
|
||
|
|
'./node_modules/@tiny-components/plain-ui/src/icons/mono-icons/svg/*.svg',
|
||
|
|
'./icons/*.svg'
|
||
|
|
], {
|
||
|
|
output: {
|
||
|
|
filename: 'public/symbol-defs.svg',
|
||
|
|
chunk: {
|
||
|
|
keep: true
|
||
|
|
},
|
||
|
|
svgo: {
|
||
|
|
plugins: [{
|
||
|
|
name: 'convertStyleToAttrs',
|
||
|
|
active: true
|
||
|
|
},{
|
||
|
|
name: 'removeStyleElement',
|
||
|
|
active: true
|
||
|
|
}, {
|
||
|
|
name: 'removeAttrs',
|
||
|
|
params: {
|
||
|
|
attrs: 'fill'
|
||
|
|
}
|
||
|
|
}]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
sprite: {
|
||
|
|
prefix: 'icon-'
|
||
|
|
}
|
||
|
|
})
|
||
|
|
]
|
||
|
|
})
|
||
|
|
|
||
|
|
mix
|
||
|
|
.setPublicPath('../../')
|
||
|
|
//.js('js/app.js', 'public/js')
|
||
|
|
.sass('scss/styles.scss', 'public/css')
|
||
|
|
.purgeCss({
|
||
|
|
extend: {
|
||
|
|
content: [
|
||
|
|
path.join(__dirname, 'js/**/*.riot'),
|
||
|
|
path.join(__dirname, 'views/*.liquid')
|
||
|
|
]
|
||
|
|
}
|
||
|
|
})
|
||
|
|
.options({
|
||
|
|
terser: {
|
||
|
|
extractComments: false,
|
||
|
|
},
|
||
|
|
processCssUrls: false
|
||
|
|
})
|
||
|
|
.copyDirectory('node_modules/@tiny-components/plain-ui/src/fonts/**', '../../public/css')
|
||
|
|
.version()
|