-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.mix.js
85 lines (75 loc) · 2.39 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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
const mix = require( 'laravel-mix' );
const webpack = require( 'webpack' );
const tailwindcss = require( 'tailwindcss' );
const del = require( 'del' );
require( 'dotenv' ).config();
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel application. By default, we are compiling the Sass
| file for the application as well as bundling up all the JS files.
|
*/
mix.extend( 'i18n', new class {
webpackRules() {
return [
{
resourceQuery: /blockType=i18n/,
type: 'javascript/auto',
loader: '@intlify/vue-i18n-loader',
},
];
}
}() );
mix.webpackConfig( {
resolve: {
extensions: ['*', '.js', '.jsx', '.vue', '.ts', '.tsx'],
},
module: {
rules: [
{
test: /\.tsx?$/,
loader: 'ts-loader',
options: {appendTsSuffixTo: [/\.vue$/]},
exclude: /node_modules/,
},
]
},
plugins: [
// Inject the website version from packages.json, into the build.
new webpack.DefinePlugin( {
'process.env.WEBSITE_VERSION': JSON.stringify( process.env.npm_package_version ),
'process.env.WEBSITE_LANGUAGES': JSON.stringify( process.env.APP_LANG_SUPPORTED.split( ',' ) ),
'process.env.WEBSITE_NAME': JSON.stringify( process.env.APP_NAME ),
} ),
],
} );
mix.vue( {
version: 3,
extractStyles: true,
} );
console.log( '------------------------------------' );
console.log( 'Building site version ' + process.env.npm_package_version );
console.log( '------------------------------------' );
// del( ['public/*.worker.js'] );
mix.i18n()
.js( 'resources/js/app.ts', 'public/js' )
.sass( 'resources/css/app.scss', 'public/css' )
.options( {
processCssUrls: true,
postCss: [tailwindcss( 'tailwind.config.js' )],
} )
.extract()
.version();
if( !mix.inProduction() && process.env.WEBPACK_BROWSERSYNC === 'true' ) {
mix.browserSync(
{
base: './public',
proxy: process.env.APP_URL,
port: 3000,
},
);
}