使用Laravel Vue时遇到问题。我放置了app.scss文件，然后使用Laravel Mix 4.0将其编译到公用文件夹中。我不知道是什么使它出错，但对我来说看起来很奇怪。这是我的webpack.mix.js

mix.webpackConfig({
  output: {
    filename: '[name].js',chunkFilename:'js/[id].[chunkhash].js',publicPath: '/',},resolve: {
    extensions: ['.js','.vue'],alias: {
        '@': __dirname + "/resources"
    }
 }
});

mix.js('resources/js/app.js','public/js')
.sass('resources/sass/app.scss','public/css')
.options({
    processCssUrls: false
})

编译app.scss文件时没有任何问题，但是当我添加@import将另一个scss文件导入到我的.vue文件中时

<style lang="sass">
    @import '@/sass/public.scss'
</style>

然后npm run dev在运行程序时出现这样的错误。

但是，如果我删除其中之一，例如删除@import或.sass('resources/sass/app.scss','public/css',{ implementation: require('node-sass') })，则再次npm run dev并运行程序。它运作良好。有没有人遇到过这样的问题？我已经尝试过多次更改Webpack，但是我不确定问题是否出在Webpack上。

主要要点是我不想将我的scss文件导入到main.js文件中，因为它将替换我的app.scss样式。我想区分管理页面和用户页面之间的样式