webpack.mix.js

const mix = require('laravel-mix')
const path = require('path')

const rootDir = 'src/'
const assetsDir = rootDir + 'assets/'
const distDir = 'dist/'

mix.js(assetsDir + 'js/admin.js', distDir)
    .js(assetsDir + 'js/app.js', distDir)
    .js(assetsDir + 'js/tainacan-view-modes.js', distDir)
    .sass(assetsDir + 'scss/admin.scss', distDir)
    .sass(assetsDir + 'scss/app.scss', distDir)
    .sourceMaps(true, 'eval-source-map', 'source-map')
    .options({
        processCssUrls: false,
    })
    .vue({
        compilerOptions: {
            whitespace: 'condense',
        },
        version: 2,
    })
    .webpackConfig(webpack => ({
        output: {
            chunkFilename: distDir + '[name].js',
            path: path.resolve(__dirname, rootDir),
        },
        plugins: [
            new webpack.EnvironmentPlugin({
                NODE_ENV: process.env.NODE_ENV,
            }),
        ],
        resolve: {
            alias: {
                '@components': path.resolve(__dirname, assetsDir, 'js/components'),
                '@mixins': path.resolve(__dirname, assetsDir, 'js/components/mixins'),
                '@pages': path.resolve(__dirname, assetsDir, 'js/pages'),
                '@plugins': path.resolve(__dirname, assetsDir, 'js/plugins'),
                '@store': path.resolve(__dirname, assetsDir, 'js/store'),
                '@utils': path.resolve(__dirname, assetsDir, 'js/utils'),
            },
        },
    }))