Я купил шаблон под названием Vuexy, который представляет собой шаблон панели администратора на основе laravel и VueJS. В установке у меня есть 2 домена, которые загружают 2 разные версии сайта. С Laravel MIX сайт Vuexy создает файл app.js. Это выглядит следующим образом:
mix.js('resources/js/app.js', 'public/js')
.webpackConfig({
resolve: {
alias: {
'@': path.resolve(__dirname, 'resources/js/src'),
'@assets': path.resolve(__dirname, 'resources/assets'),
'@sass': path.resolve(__dirname, 'resources/sass')
}
}
})
.sass('resources/sass/app.scss', 'public/css').options({
postCss:[require('autoprefixer')]
})
.postCss('resources/assets/css/main.css', 'public/css', [
tailwindcss('tailwind.js'),
])
.copy('node_modules/vuesax/dist/vuesax.css', 'public/css/vuesax.css') // Vuesax framework css
.copy('resources/assets/css/iconfont.css', 'public/css/iconfont.css') // Feather Icon Font css
.copyDirectory('resources/assets/fonts', 'public/fonts') // Feather Icon fonts
.copyDirectory('node_modules/material-icons/iconfont', 'public/css/material-icons') // Material Icon fonts
.copyDirectory('node_modules/material-icons/iconfont/material-icons.css', 'public/css/material-icons/material-icons.css') // Material Icon fonts css
.copy('node_modules/prismjs/themes/prism-tomorrow.css', 'public/css/prism-tomorrow.css') // Prism Tomorrow theme css
.copyDirectory('resources/assets/images', 'public/images');
Для 2-го веб-сайта, он должен загрузить и скомпилировать другой файл JavaScript. Поэтому я добавил новую строку в функцию микширования. Следующее:
.js('resources/cb/js/app.js', 'public/cb/js'); // Copy all images from resources to public folder
Но по какой-то причине, если эта последняя строка добавлена, другой шаблон разрывается и отображается неправильно.
Что я могу сделать для дальнейшей отладки этой проблемы?
Снимки экрана
Как должен выглядеть сайт:
Как это выглядит после добавления моей строки:
