Laravel mix,在资源中调用app.js.

时间:2018-01-13 12:53:44

标签: laravel

我有一个带有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可以运行但其他库丢失。

1 个答案:

答案 0 :(得分:2)

我总是执行这些步骤,但请运行,请尝试以下操作:

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