parceljs:如何合并文件?

Posted

技术标签:

【中文标题】parceljs:如何合并文件?【英文标题】:parceljs : how to merge files? 【发布时间】:2019-07-28 17:58:57 【问题描述】:

是否可以将 JS 文件(或 CSS 文件)与 parcel 合并?

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/js/aos.js"></script>
    <script src="/js/club.js"></script>

</head>
<body>

</body>
</html>

当我跑步时

parcel build js.html

我将 2 个缩小的 .js 文件放入 /dist

有没有办法获取一个文件?

问候

【问题讨论】:

【参考方案1】:

我认为目前没有配置驱动的方式来让 parcel 执行此操作,但如果您的项目可以容忍使用模块(并且如果您有选择 - 即您同时编写了 aos.js 和 @987654324 @),我强烈建议这样做以避免全局变量可能带来的错误),然后您可以让您的 html 引用单个 index.js 文件,然后导入它的所有依赖项,如下所示:

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/js/index.js" type="module"></script>
</head>
<body>
</body>
</html>

注意脚本标签中的type="module" 属性 - 请参阅documentation

js/index.js

import "js/aos.js"
import "js/club.js"

【讨论】:

以上是关于parceljs:如何合并文件?的主要内容,如果未能解决你的问题,请参考以下文章

如何将bin文件合并

如何将rtf文件合并

如何将多个文件进行合并?

如何将多个excel文件合并?

DOS命令求助,如何合并多个RTF文件?

如何利用PowerQuery合并文件下的文件