首页vite+vue3项目打包cdn

vite+vue3项目打包cdn

时间: 2023-11-03 16:07:01 浏览: 178

好的，关于vite+vue3项目打包cdn，你可以按照以下步骤进行操作： 1. 在项目根目录下创建一个名为`vite.config.js`的文件，并在其中添加以下代码： ```javascript import { defineConfig } from 'vite' export default defineConfig({ build: { rollupOptions: { output: { // 将会生成 <script src="https://cdn.example.com/your-app/1.0.0/entry.js"></script> dir: 'dist', name: 'yourAppName', format: 'iife', entryFileNames: '[name]-[hash].js', chunkFileNames: '[name]-[hash].js' } } } }) ``` 2. 在`index.html`中引入打包后的js文件，例如： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>My App</title> </head> <body> <div id="app"></div> <script src="https://cdn.example.com/your-app/1.0.0/entry.js"></script> </body> </html> ``` 3. 执行`npm run build`命令进行打包，打包后的文件将会生成在`dist`目录下。

阅读全文