我正在做一个laravel 8项目，以学习为目的。我是jetstream，inertia.js的新手，我不知道如何在inertia.js中添加或链接外部CSS/js文件。有人吗，请帮帮我。
wfsdck301#
你可以在主页面布局中添加以下内容：
<script src="{{ asset('js/data.js') }}"></script>
然后将你的js文件添加到这个路径：public/js.yourfile.js
pftdvrlh2#
// Layout.vue import { Head } from '@inertiajs/inertia-vue3' <Head> <title>My app</title> <meta head-key="description" name="description" content="This is the default description" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <script src="your script location"></script> </Head> // About.vue import { Head } from '@inertiajs/inertia-vue3' <Head> <title>About - My app</title> <meta head-key="description" name="description" content="This is a page specific description" /> </Head>
ifmq2ha23#
实际上，链接CSS/JS的方法有很多，这里我分享一个非常简单的链接方法首先，你必须将你的外部文件存储在你的项目的公共目录中。然后在索引文件中（“asset”会自动定位公用文件夹，这就是为什么您不需要提及它。注意：CSS文件的过程相同。
xpszyzbs4#
这是我如何导入外部css，js.resources/js/app.js
import '../admin_scripts/css/style.css'; import '../admin_scripts/vendor/apexcharts/apexcharts.min.js';
Script/Files Location .resources/admin_scripts它工作正常。
4条答案
按热度按时间wfsdck301#
你可以在主页面布局中添加以下内容：
然后将你的js文件添加到这个路径：public/js.yourfile.js
pftdvrlh2#
ifmq2ha23#
实际上，链接CSS/JS的方法有很多，这里我分享一个非常简单的链接方法
首先，你必须将你的外部文件存储在你的项目的公共目录中。
然后在索引文件中
（“asset”会自动定位公用文件夹，这就是为什么您不需要提及它。
注意：CSS文件的过程相同。
xpszyzbs4#
这是我如何导入外部css，js
.resources/js/app.js
Script/Files Location .resources/admin_scripts
它工作正常。