Я использую vue-cli с webpack и Laravel.Загрузка js-файлов, таких как jQuery, из cdn в мой app.blade.php работает, но я не хочу включать мои файлы из cdns ...
, используя
require('@/js/assets/jquery.js');
в приложении.JS не работает.Когда я смотрю на app.js в моем браузере, кажется, что jQUery импортирован, но у меня появляется ошибка, в которой говорится: «$ is undefined».
Это то же самое для всех файлов js / css, которые я пытаюсьдобавить в мое приложение vue.
app.blade.php:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{csrf_token()}}">
<title>MTM</title>
<link href=" {{ asset('css/app.css') }}" rel="stylesheet">
</head>
<body>
<div id="app">
<app></app>
</div>
<script src="{{ asset('js/app.js') }}"></script>
</body>
</html>
webpack.mix.js:
const mix = require('laravel-mix');
mix.webpackConfig({
resolve:{
extensions:['.js','.vue'],
alias:{
'@': __dirname + '/resources'
}
}
})
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');
app.js
require('@/css/Semantic-UI-CSS-master/semantic.css');
require('@/js/assets/jQuery.js');
require('@/js/assets/semantic.js');
require('@/js/assets/tablesort.js');