@100R

Как настроить Laravel Mix для работы с Vue?

Есть router.js, в котором каждый раз приходится указывать руками webpackChunkNome, чтобы конечный файл сохранялся в указанной мной папке и имел такое же название как и исходный *.Vue файл. Можно ли как-то перенести этот процесс в webpack.mix.js, чтобы не выполнять рутинную работу?
router.js

import Vue from "vue";
import Router from "vue-router";

Vue.use(Router);

export default new Router({
    mode: 'history',
    routes: [
        {
            path: "/",
            component: () => import(/* webpackChunkName: "js/shop" */ "./views/Shop.vue")
        },
        {
            path: "/cart",
            component: () => import(/* webpackChunkName: "js/cart" */ "./views/Cart.vue")
        }
    ]
});

При импорте scss файлом напрямую в компоненте, в public создается папка vendors~js, а в ней *.js файлы отвечающие за вывод стилей (css-loader). Как эту папку переименовать и перенести в папку js?
<template>
    <div></div>
</template>

<script>
    export default {
        //
    }
</script>

<style lang="scss">
    @import "app.scss";
</style>


5d66ef6d569db625769162.png
webpack.mix.js

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

mix.webpackConfig({
    resolve: {
        alias: {
            "@": path.resolve(__dirname, 'resources/js')
        }
    }
});

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');
  • Вопрос задан
  • 98 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
от 90 000 до 220 000 руб.
Договор24 Алматы
от 250 000 до 300 000 тнг.
4Taps Mobile Тольятти
от 110 000 до 220 000 руб.
17 сент. 2019, в 20:46
952 руб./в час
17 сент. 2019, в 20:41
10000 руб./за проект
17 сент. 2019, в 20:30
700 руб./в час