99 lines
2.3 KiB
JavaScript
99 lines
2.3 KiB
JavaScript
const path = require('path')
|
|
const mix = require('laravel-mix')
|
|
|
|
require('laravel-mix-polyfill')
|
|
require('laravel-mix-clean')
|
|
|
|
const assetDir = 'assets'
|
|
const polyfill = {
|
|
enabled: true,
|
|
bugfixes: true,
|
|
useBuiltIns: "usage",
|
|
targets: 'last 3 version, not dead, >0.3%'
|
|
}
|
|
|
|
mix.webpackConfig({
|
|
resolve: {
|
|
extensions: ["*", ".js", ".vue", ".ts"],
|
|
alias: {
|
|
'@': path.resolve('resources/assets'),
|
|
'vue$': 'vue/dist/vue.runtime.esm-bundler.js',
|
|
}
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.ts$/,
|
|
loader: 'ts-loader',
|
|
options: {
|
|
appendTsSuffixTo: [/\.vue$/],
|
|
}
|
|
},
|
|
{
|
|
test: /\.vue$/,
|
|
loader: 'vue-loader',
|
|
options: {
|
|
esModule: true
|
|
}
|
|
},
|
|
],
|
|
},
|
|
// Pour debug compilation errors
|
|
// stats: {
|
|
// children: true,
|
|
// warningsFilter: [
|
|
// /\-\-underline\-color/,
|
|
// ]
|
|
// },
|
|
})
|
|
|
|
mix.options({
|
|
fileLoaderDirs: {
|
|
fonts: `${assetDir}/fonts`,
|
|
images: `${assetDir}/images`
|
|
},
|
|
postCss: [
|
|
require('postcss-discard-comments')({
|
|
removeAll: true
|
|
})
|
|
],
|
|
})
|
|
|
|
mix.clean({
|
|
cleanOnceBeforeBuildPatterns: [
|
|
'css/*',
|
|
'js/*',
|
|
'assets/*',
|
|
]
|
|
})
|
|
|
|
// * BO
|
|
mix.ts('resources/ts/back.ts', 'public/js/back.js', { transpileOnly: true })
|
|
.vue({
|
|
runtimeOnly: true,
|
|
extractStyles: true,
|
|
globalStyles: false
|
|
})
|
|
.sass('resources/scss/back.scss', 'public/css/back.css')
|
|
.polyfill(polyfill)
|
|
.version()
|
|
// .sourceMaps(false)
|
|
|
|
// * FO
|
|
mix.ts('resources/ts/front.ts', 'public/js/front.js', { transpileOnly: true })
|
|
.sass('resources/scss/front.scss', 'public/css/front.css')
|
|
.vue({
|
|
runtimeOnly: true,
|
|
extractStyles: true,
|
|
globalStyles: false
|
|
})
|
|
.polyfill(polyfill)
|
|
.version()
|
|
// .sourceMaps(false)
|
|
|
|
// Copy Blade Images Assets
|
|
mix.copyDirectory('resources/assets', 'public/assets')
|
|
|
|
// fontawesome compile
|
|
mix.copy('node_modules/@fortawesome/fontawesome-free/js/all.min.js', 'public/js/fontawesome.min.js')
|
|
.copy('node_modules/@fortawesome/fontawesome-free/css/fontawesome.min.css', 'public/css/fontawesome.min.css')
|