node_modules 的脚本路径（Laravel）答案

【问题标题】：Script path to node_modules (Laravel)node_modules 的脚本路径（Laravel）
【发布时间】：2019-02-10 09:41:04
【问题描述】：

laravel 项目中 node_modules 的路径是什么？

<script src="???????" >

我的文件结构非常标准，我的根目录中有 node_modules 目录。

【问题讨论】：

您可能不想在实际生产代码中使用 node_modules 文件夹，而只捆绑您真正需要的资产。 Laravel 有一个非常有用的工具，叫做 Laravel Mix
您的webpack.mix.js中应该包含/需要
不确定你添加 node_modules 的目的是什么，但无论如何，你不应该直接从 laravel 访问 node_modules。你应该构建你的 javascript 项目并将构建文件（build.js）添加到你的 laravel public/ js目录

【解决方案1】：

这不是你在 laravel 项目中包含 javascript 的方式。

以下是使用 laravel mix 构建 javascript 的简短介绍：首先 - 创建文件 resources/assets/js/main.js （或者如果你在 laravel 5.7 上，它应该是 resources/js/main.js

在您的根目录下的 webpack.mix.js 文件中，添加以下内容：

mix.js('resources/assets/js/main.js','public/js/main.js')

它会在你运行npm run dev时自动构建你的文件

在我们准备好之前，我们需要我们的页面加载正确的文件。有一个名为mix() 的辅助函数。使用它并将其包含在您的 HTML 文件中。

<script src="{{mix('js/main.js')}}"></script>

现在我们准备开始使用我们的新回声系统进行构建

例如，让我们在我们的项目中包含 momentjs：

npm install moment

正如你所见，它不会将它放在 node_modules 下。但是我们想在我们的页面上使用它——让我们打开我们的 main.js 文件并添加以下内容

import moment from 'moment'
window.moment = moment

现在时刻将从时刻变量中获得。这是一个关于如何使用 laravel mix 构建 js 的非常简单的教程。

您可以在此处阅读更多信息：https://laravel.com/docs/5.7/mix

黑客愉快！

【讨论】：

【解决方案2】：

Laravel 提供了几个帮助器来获取公共目录、应用程序目录、存储目录和基础目录的路径。它将有助于存储文件、从路径读取文件以及从控制器、视图文件、模型等读取文件。

您可以看到如下如何使用帮助程序一一获取该目录的路径。

public_path(); // Path of public/

base_path(); // Path of application root

storage_path(); // Path of storage/

app_path(); // Path of app/

【讨论】：