Question

我已经能够将其用于基本的vue应用程序，但是我很难将其推广到laravel vue。我能够在vue应用程序的vue.config.js中添加模块，该模块将导入我添加的所有scss文件。在webpack.mix.js文件的laravel vue应用程序中使用相同的代码，它无法正确编译。这是我的webpack.mis.js文件：

V1 <- c(1, 3, 4, NA, NA, 6, 9, NA, 10)
time <- 1:length(V1)
dat <- data.frame(time = time,
                     V1 = V1)
lag_diff <- c(NA, 2, 1, NA, NA, 2, 3, NA, 1) # The result I want
diff(dat$V1) # Not the result I want

我还尝试了docs中建议的其他配置，但没有成功。我也看到很多answers的建议，只是在每个组件中包括我希望包含的文件的相对路径，但这效率低下，并且随着应用程序的开发而容易出错。必须有一种方法可以实现此目的，而我的配置却不正确。

谢谢您的任何建议。

Answer 1

Laravel Mix为此提供了一个选项。是globalVueStyles。
请查看文档：{{3}}。

它仅在extractVueStyles有效时起作用：

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css')
   .options({
     extractVueStyles: true,
     globalVueStyles: 'resources/sass/_variables.scss',
   })
   .version();

在laravel vue项目中使用laravel mix时，如何在所有组件中包含scss文件？

1 个答案: