Vite's public directory

One ,public Catalog

1.public A directory is a way to store static resources .

2. When the project is initialized, it defaults to public A folder serving as a static resource . We can do it in vite.config.js Revision in China publicDir.

3. The files in this directory were created during development at / Provided by , And during the build will public Files in the folder （ It doesn't contain public In itself ） Copied to the outDir Root directory .

4.public The files under will be completely copied to the root directory of the target directory , Keep the original file name , It won't be hash.

Two , visit public Directory resources

1. In development, we can use / Direct access at the beginning public Directory of resources

2. When a project is deployed under a nested public path , We need to specify base Configuration item , from JS Introduced resources URL,CSS Medium url() Quotation and .html The resources referenced in the file will be automatically adjusted during the construction process , To fit this option .

The above resources will become

3. When dynamic connection is needed in the access process url when , Cannot be automatically adjusted , Global injection can be used import.meta.env.BASE_URL Variable , Its value is the common base path .