前端打包工具Parcel如何引用资源

1、Parcel也支持导入非JavaScript资源，例如CSS文件。

导入这类文件时，Parcel不会像其他打包工具一样内联该文件，而是将所有的依赖放置在另外一个捆绑包里。当使用CSS Modules时，导出类会放置在JavaScript包里。

2、首先新建一个main.css，然后在JS中使用import语法,就将CSS资源导入。

（index.html中并没有link main.css,页面样式是由parcel编译得到的）

3、JavaScript 文件或 HTML 文件都能导入 CSS 资源，并且能通过 @import 语法引用依赖，还能通过 url() 函数引入图片，字体等。其他通过 @import 导入的 CSS 文件被内联到同一个CSS包里，并将 url() 引用重写为其输出文件名。所有文件名都应该与当前 CSS 文件相关联。

4、除了普通的 CSS，其他的 LESS，SASS，以及 Stylus 等CSS预处理器语言也是支持的，并且执行方法与之相同的。（parcel可以方便使用一些npm模块）

1、HTML 资源是提供给 Parcel 常用入口文件，但也可以被 JavaScript 文件引用，例如：提供链接给其他页面。如上所述，提取并编译脚本，样式，媒体以及其他的 HTML 文件的 URL 。引用会在 HTML 中被重写，以便链接到正确的输出文件。全部的文件名都应该和当前的 HTML 文件相关联。