Question

我正在使用Laravel，并且已经按照下面的说明配置了“ webpack.mix.js”。所有主要的.scss文件都有导入的一些通用子.scss文件。我认为如果我编辑通用文件是可以的，因此在使用“ npm run watch”时所有文件都会被编译，但是如果我正在编辑仅导入一两个文件的文件，即使没有任何关系，所有文件仍在编译中，我们有提高性能的空间。如果只编译相关文件，则可以减少总编译时间。

mix
.js('resources/assets/js/app.js', 'public/js/main.js')
.js('resources/assets/js/post/actions.js', 'public/js/post/actions.js')
.sass('resources/assets/sass/app.scss', 'public/css/app.css', { outputStyle: 'compressed' })
.sass('resources/assets/sass/tq.scss', 'public/css', { outputStyle: 'compressed' })
.sass('resources/assets/sass/faq.scss', 'public/css', { outputStyle: 'compressed' })
.sass('resources/assets/sass/trade.scss', 'public/css', { outputStyle: 'compressed' })
.sass('resources/assets/sass/feedback.scss', 'public/css', { outputStyle: 'compressed' })
.sourceMaps()
.webpackConfig({
    devtool: 'inline-source-map',
    mode: 'production'
})
.options({
    processCssUrls: false,
})

如何停止在Laravel-Mix中编译无关的SCSS

0 个答案: