如何在 Laravel Mix for React 中使用提取和代码拆分

Question

mix.react('resources/js/app.js', 'public/js')
   .react('resources/js/auth.js', 'public/js')
   .js('resources/js/core.js', 'public/js')
   .react('resources/js/workspace.js', 'public/js')
   .sass('resources/scss/app.scss', 'public/css')
   .sass('resources/scss/auth.scss', 'public/css')
   .sass('resources/scss/icons.scss', 'public/css')
   .sass('resources/scss/core.scss', 'public/css')
   .extract(['react', 'react-dom', 'react-router-dom'])

我正在使用上面的代码，react 正在被提取但我的组件没有安装，我也想知道实现代码拆分的最佳方法 laravel mix。

Answer 1

你加载 manifest.js 和 vender.js 了吗？确保先加载它们

    <script src="{{mix("js/manifest.js")}}"></script>
    <script src="{{mix("js/vendor.js")}}"></script>

如何在 Laravel Mix for React 中使用提取和代码拆分

How to use extract and code splitting in Laravel Mix for React

laravel

reactjs

webpack

laravel-mix