Laravel 混合，在资源中调用 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');

请将您的 css 和 javascript 文件包含在新文件中，例如在 admin.js 和 admin.scss 中

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

@import "files/sweetalert.css";

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

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

5)刀片中包含js和css文件：

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

6)运行npm run watch