使用vue路由器惰性加载路由时，Laravel mix将清除my app.css

我正在使用Vue路由器在拉拉维尔7号进行水疗。我想我应该试着找出如何使用网页包代码拆分来拆分捆绑包文件。我从许多教程中尝试了几种方法，但让我们看一下官方指南：

我安装了npm依赖项：

npm安装--save dev@babel/plugin syntax dynamic import

我在laravel根目录中创建了.babelrc：

{
  "presets": ["@babel/preset-env"],
  "plugins": ["@babel/plugin-syntax-dynamic-import"]
}

webpack.mix.js

mix.js('resources/js/app.js', 'public/js')
    .js('resources/js/dashboard.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');

在dashboard.js中：

let Settings = () => import(/* webpackChunkName: "js/settings" */ './components/Settings.vue');
// ...
routes: [
// ...
    {
        path: '/settings',
        component: Settings,
    },
    // ...
]

运行

npm后运行dev

：

 DONE  Compiled successfully in 6749ms                                                                                                                                              4:22:26 PM

                                                                                              Asset      Size                  Chunks             Chunk Names
                                                                                       /css/app.css   0 bytes  /js/app, /js/dashboard  [emitted]  /js/app, /js/dashboard
                                                                                         /js/app.js  2.74 MiB                 /js/app  [emitted]  /js/app
                                                                                   /js/dashboard.js   483 KiB           /js/dashboard  [emitted]  /js/dashboard
   fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot?0fabb6606be4c45acfeedd115d0caca4   131 KiB                          [emitted]  
   fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.svg?ccfdb9dc442be0c629d331e94497428b   713 KiB                          [emitted]  
   fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.ttf?085b1dd8427dbeff10bd55410915a3f6   131 KiB                          [emitted]  
 fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2?cac68c831145804808381a7032fdc7c2  75.6 KiB                          [emitted]  
  fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff?dc0bd022735ed218df547742a1b2f172  88.5 KiB                          [emitted]  
  fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot?ad3a7c0d77e09602f4ab73db3660ffd8  33.5 KiB                          [emitted]  
  fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.svg?e75dfd904d366a2560c63c23cfc98ef8   141 KiB                          [emitted]  
  fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.ttf?1a78af4105d4d56e6c34f76dc70bf1bc  33.3 KiB                          [emitted]  
fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff2?3a3398a6ef60fc64eacf45665958342e  13.3 KiB                          [emitted]  
 fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff?05b53beb21e3ef13d28244545977152d  16.4 KiB                          [emitted]  
    fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot?89bd2e38475e441a5cd70f663f921d61   199 KiB                          [emitted]  
    fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.svg?03ba7cb710104df27f1c9c46d64bee4e   893 KiB                          [emitted]  
    fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf?781e85bb50c8e8301c30de56b31b1f04   199 KiB                          [emitted]  
  fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2?c500da19d776384ba69573ae6fe274e7  78.3 KiB                          [emitted]  
   fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff?ee09ad7553b8ad3d81150d609d5341a0   102 KiB                          [emitted]  
                                                                                     js/settings.js  21.9 KiB             js/settings  [emitted]  js/settings

请注意app.css是如何为0字节和分配2个块的

以下是当我不尝试进行代码拆分且所有操作都正常（使用静态导入而不是import（）函数）时的输出：

当它不工作时，组件仍然是延迟加载，但是没有CSS样式，因为app.CSS是一个空文件

有人知道为什么我的app.css会消失吗

谢谢大家

 DONE  Compiled successfully in 6544ms                                                                                                                                              4:06:46 PM

                                                                                              Asset      Size         Chunks             Chunk Names
                                                                                       /css/app.css   253 KiB        /js/app  [emitted]  /js/app
                                                                                         /js/app.js  2.74 MiB        /js/app  [emitted]  /js/app
                                                                                   /js/dashboard.js   501 KiB  /js/dashboard  [emitted]  /js/dashboard
   fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot?0fabb6606be4c45acfeedd115d0caca4   131 KiB                 [emitted]  
   fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.svg?ccfdb9dc442be0c629d331e94497428b   713 KiB                 [emitted]  
   fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.ttf?085b1dd8427dbeff10bd55410915a3f6   131 KiB                 [emitted]  
 fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2?cac68c831145804808381a7032fdc7c2  75.6 KiB                 [emitted]  
  fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff?dc0bd022735ed218df547742a1b2f172  88.5 KiB                 [emitted]  
  fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot?ad3a7c0d77e09602f4ab73db3660ffd8  33.5 KiB                 [emitted]  
  fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.svg?e75dfd904d366a2560c63c23cfc98ef8   141 KiB                 [emitted]  
  fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.ttf?1a78af4105d4d56e6c34f76dc70bf1bc  33.3 KiB                 [emitted]  
fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff2?3a3398a6ef60fc64eacf45665958342e  13.3 KiB                 [emitted]  
 fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff?05b53beb21e3ef13d28244545977152d  16.4 KiB                 [emitted]  
    fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot?89bd2e38475e441a5cd70f663f921d61   199 KiB                 [emitted]  
    fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.svg?03ba7cb710104df27f1c9c46d64bee4e   893 KiB                 [emitted]  
    fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf?781e85bb50c8e8301c30de56b31b1f04   199 KiB                 [emitted]  
  fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2?c500da19d776384ba69573ae6fe274e7  78.3 KiB                 [emitted]  
   fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff?ee09ad7553b8ad3d81150d609d5341a0   102 KiB                 [emitted]