文件整理

1.把 iview-admin 里面的 src 目录下的东西,全部复制粘贴到 laravel 里面 resources\assets\js 目录下(把laravel 原来js目录下的东西删掉)
laravel 整合 iview-admin - 图1

  1. iview-admin目录下的 package.json 文件中的dependencies和devDependencies所有依赖复制到laravel 根目录下的 package.json 文件
    laravel 整合 iview-admin - 图2

  2. 把根目录下的 webpack.mix.js 文件修改为

  1. const mix = require('laravel-mix');
  2. /*
  3. |--------------------------------------------------------------------------
  4. | Mix Asset Management
  5. |--------------------------------------------------------------------------
  6. |
  7. | Mix provides a clean, fluent API for defining some Webpack build steps
  8. | for your Laravel application. By default, we are compiling the Sass
  9. | file for the application as well as bundling up all the JS files.
  10. |
  11. */
  12. const path = require('path')
  13. const resolve = dir => {
  14. return path.join(__dirname, dir)
  15. }
  16. mix.js('resources/js/app.js', 'public/js')
  17. .sass('resources/sass/app.scss', 'public/css')
  18. .webpackConfig({
  19. resolve: {
  20. alias: {
  21. '@': resolve('resources/js'),
  22. '_c': resolve('resources/js/components'),
  23. },
  24. },
  25. output: {
  26. chunkFilename: 'static/chunks/[name].js',
  27. },
  28. })
  29. .babelConfig({
  30. "presets": [
  31. "@vue/app",
  32. ],
  33. })
  34. .version();

详见 http://www.moblog.top/index.php/2019/11/25/laravel-整合-iview-admin/