首页 > 解决方案 > 如何在 Laravel Mix for React 中使用提取和代码拆分

问题描述

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 实现 react 代码拆分的最佳方法。

标签: reactjslaravelwebpacklaravel-mix

解决方案


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

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

推荐阅读