Webpack 不创建 css 和 js 文件

【问题标题】：Webpack not creating css and js filesWebpack 不创建 css 和 js 文件
【发布时间】：2018-01-30 15:25:36
【问题描述】：

我正在使用 Laravel 和 Vue.js。当我执行 NPM 运行开发时，我的 Sass 文件没有编译，它们是在 /public 中创建的。这可能是什么原因？由于 NDA 原因，我无法显示代码。

【问题讨论】：

如何包含 sass 文件？控制台中的任何错误？你安装了正确的装载机吗？你需要提供更多信息。此外，如果代码不可共享，请将其缩减为最小示例。此外，运行npm run dev 不会自动将任何内容公开。由于npm run build，它可能会把东西放在那里
至少。您可以发布您遇到的错误..

标签： javascript php laravel webpack vue.js

【解决方案1】：

您是否编辑了您的webpack.mix.js 文件？

默认情况下，Laravel Mix 只会编译文件resources/assets/sass/app.scss。除非您告诉 Laravel Mix 编译您的其他 SASS 文件或将它们导入到 app.scss 文件中，否则它们将被忽略。您的 javascript 文件也是如此。

要将所有内容编译到一个文件中，我将webpack.mix.js 设置如下：

const { mix } = require('laravel-mix');
const path = require('path');
const glob = require('glob');

mix.js(glob.sync('resources/assets/js/**/*.js'), 'public/js/app.js');

这样，resources/assets/js 文件夹中的每个 .js 文件以及子文件夹都被粘合到一个文件中，可以轻松导入到您的 html 中。

【讨论】：