-
-
Notifications
You must be signed in to change notification settings - Fork 6
/
webpack.mix.js
47 lines (41 loc) · 1.34 KB
/
webpack.mix.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
const mix = require('laravel-mix')
const path = require('path')
const tailwindcss = require('tailwindcss')
/*
|--------------------------------------------------------------------------
| 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.setPublicPath('publishable/assets')
mix.sass('resources/sass/app.scss', 'css');
mix.js('resources/js/app.js', 'js').vue();
mix.webpackConfig({
resolve: {
alias: {
'@': path.resolve(__dirname, 'resources/js/'),
},
},
})
mix.options({
processCssUrls: false, // Process/optimize relative stylesheet url()'s. Set to false, if you don't want them touched.
purifyCss: false, // Remove unused CSS selectors.
postCss: [tailwindcss('tailwind.config.js')],
});
/**
* Make sure to exclude svg files from the default mix rule
* and add a new rule along with the html-loader.
*/
mix.override(config => {
config.module.rules
.find(rule => rule.test.test('.svg'))
.exclude = /\.svg$/;
config.module.rules.push({
test: /\.svg$/,
use: [{ loader: 'html-loader' }]
})
});