[vitejs/vite]文件夹后dist中css和js没有分离,如何分离在对应的文件夹中呢?

2024-07-18 441 views
4

打包后dist中css和js没有分离,如何分离在对应的文件夹中呢?

回答

8

对于 css 等资产,请参阅output.assetsFileNames 对于 js 块或条目,请参阅output.chunkFileNamesoutput.entryFileNames

这里有一个简单的例子来帮助你理解。

defineConfig({
  build: {
    rollupOptions: {
      output: {
        entryFileNames: '[name]-[hash].[ext]',
        chunkFileNames: '[name]-[hash].[ext]',
        assetFileNames: '[ext]/[name]-[hash][ext]'
      }
    }
  }
});
3

同问,打包后图片资源和css,js 都全部打包到一个文件夹里面了!很乱,要怎么分离打包后的 css,js

6

同问

5

同问,打包后图片资源和css,js 都全部打包到一个文件夹里面了!很乱,要怎么分离打包后的 css,js

8

其实我觉得生成的文件没必要区分或管理,因为每次都是机器生成的,你要管理或修改也没有意义。

6

@hex-ci 因为打包不同的文件要上传到不同问价你服务器,js服务器、图片服务器等,所以还是需要的

6

@yufengkz 你们把资源区分的还挺清楚,那就按楼上童鞋的方式写就好了,他的方式可以放到不同目录下,这其实是 rollup 的功能了,跟 Vite 关系不大。

0

如果css中有图片的url会出错