Laravel mix，在resources中调用app.js

Question

我有一个带有 laravel 和 vuejs 的网络应用程序。我使用 laravel-mix 并且在我的 webpack.mix.js 中我有:

mix.js('resources/assets/js/app.js', 'public/js')

在我看来

<script src="{{mix('js/app.js')}}"></script> 

但它仍然无法运行，我认为它可能受到 <base href="{{asset('')}}"> 的干扰卡。

我跑npm run watch但仍然没有错误信息。在我的网站app.js可以运行，但其他库会丢失。

Answer 1

我总是执行这些步骤并且它有效，请尝试这些:

1)安装 laravel mix npm i

2) 在 webpack 中:

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

please include your css and javascript files in new files like here in admin.js and admin.scss

3) 在 admin.scss 中包含您的 css 文件，例如:

@import "files/sweetalert.css";

4)在 admin.js 中包含您的 js 文件，例如:

mix.combine([
    'files/jquery.js',
]);

5)在blade中包含js和css文件:

<script src='js/admin.js'"></script> 
<link rel="stylesheet" href="css/admin.css">

6)运行npm run watch