我已经购买了一个名为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');
对于第二个网站,它应该加载并编译其他javascript文件。因此,我向mix函数添加了新行。以下:
.js('resources/cb/js/app.js', 'public/cb/js'); // Copy all images from resources to public folder
但是由于某种原因,如果添加了最后一行,则其他模板将中断并且无法正确显示。
我该怎么做才能进一步调试此问题?
屏幕截图
网站应该是什么样的
添加我的行后的实际外观: