我正在尝试使用 laravel 混合和 web pack 编译 sass 和 js

Question

我正在尝试使用 laravel mix 和 webpack 编译 sass 和 javascript，但是我的 js 没有编译，即使我给了我一个成功消息。

这是我的 webpack.mix.js 代码...

const mix = require('laravel-mix');

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

这是我的 app.js 代码....

window.$ = window.JQuery = require('jquery');

window.Vue = require = 'vue';

require('foundation-sites/dist/js/foundation.min');
require('slick-carousel/slick/slick.min');

// custom js
require('../js/init');

并且在唯一的情况下，如果我从 app.js 中删除 vue.js，它就会编译很明显那条线有问题任何人都知道它是什么这是我在控制台日志中得到的错误

Uncaught TypeError: require is not a function
    at Object../resources/assets/js/app.js (main.js?1598457867:10984)
    at __webpack_require__ (main.js?1598457867:20)
    at Object.0 (main.js?1598457867:11011)
    at __webpack_require__ (main.js?1598457867:20)
    at main.js?1598457867:84
    at main.js?1598457867:87

Answer 1

尝试链接 mix 方法，在此之前，还要再次运行 npm install，请参见下面给出的示例。

const mix = require('laravel-mix');

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

Answer 2

好吧，所以我做了一些搜索并找到了答案，实际上我调用 vue js 的方式实际上是错误的 window.vue=要求（'vue'）；

我正在尝试使用 laravel 混合和 web pack 编译 sass 和 js

i am trying to compile sass and js with laravel mix and web pack

webpack

laravel-mix