javascript - 将 npm JS 包导出为独立脚本
问题描述
我正在为我的项目使用 npm 包管理器。
我的 package.json 文件中的依赖关系:
"dependencies": {
"litepicker": "^2.0.11"
},
litepicker (javascript 库)
文件结构:
- assets
-- js
--- main.js
- index.php
如何使用 npm 脚本将 litepicker js 文件移动到 assets/js/ 文件夹中?
解决方案
1.可以使用laravel-mix
如果你不使用 laravel 框架
你仍然可以使用 laravel-mix Sitepoint - 将 Laravel Mix 用于非 Laravel 项目
这有点复杂,因为你需要处理其他事情。还有另一种选择
2. 使用来自unpkg或JSDelivr的 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>
推荐阅读
- javascript - 无法访问减速器内部的状态
- monaco-editor - 摩纳哥:跳过语言支持(邀请)
- c# - DataGridView 无法正确刷新/加载
- flutter - 我想要一个解决方案来改变我的状态,在我得到未来的数据之后,在 Flutter 中没有任何点击操作
- python - 使用作为 tkinter 按钮中命令的函数的输出
- java - Spring Boot是否可以使用接口作为控制器参数并让spring使用它的实现来实例化它?
- android - Android 相机 X 视口
- java - 如何从语法规则构建 AST 树
- c++ - 使用带有循环和延迟的 ESP_NOW
- ruby-on-rails - 如何在 ruby on rails 中用 n/a 替换空值?