我正在尝试用 laravel mix 和 web pack 编译 sass 和 js答案

【问题标题】：i am trying to compile sass and js with laravel mix and web pack我正在尝试用 laravel mix 和 web pack 编译 sass 和 js
【发布时间】：2020-12-15 11:53:25
【问题描述】：

我正在尝试使用 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

【问题讨论】：

标签： webpack laravel-mix

【解决方案1】：

好的，所以我进行了一些搜索并找到了答案，实际上我以错误的方式调用 vue js window.vue=require('vue');

【讨论】：

【解决方案2】：

尝试链接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();

【讨论】：