首页 > 解决方案 > 将 npm JS 包导出为独立脚本

问题描述

我正在为我的项目使用 npm 包管理器。

我的 package.json 文件中的依赖关系:

"dependencies": {
    "litepicker": "^2.0.11"
},

litepicker (javascript 库)

文件结构:

- assets
-- js
--- main.js
- index.php

如何使用 npm 脚本将 litepicker js 文件移动到 assets/js/ 文件夹中?

标签: javascriptnode.jsnpm

解决方案


1.可以使用laravel-mix

如果你不使用 laravel 框架

你仍然可以使用 laravel-mix Sitepoint - 将 Laravel Mix 用于非 Laravel 项目

这有点复杂,因为你需要处理其他事情。还有另一种选择

2. 使用来自unpkgJSDelivr的 CDN

unpkg 是一个快速的全球内容交付网络,适用于 npm 上的所有内容。使用它可以使用类似 URL 的 URL 快速轻松地从任何包中加载任何文件

示例 unpkg - https://newbedev.com/php-sweet-alert-in-js-laravel-8-code-example

Codepen Litepicker 使用 JSDelivr

<script src="https://cdn.jsdelivr.net/npm/litepicker/dist/litepicker.js"></script>

推荐阅读