vue项目如何设置buiid打包配置
时间: 2023-07-31 12:09:23 浏览: 72
在 Vue 项目中,可以使用 `vue-cli-service` 命令进行打包配置。具体步骤如下:
1. 在命令行中进入 Vue 项目根目录。
2. 执行 `vue add webpack` 命令添加 webpack。
3. 在 `package.json` 文件中的 `scripts` 中添加打包命令,例如 `"build": "vue-cli-service build"`。
4. 在根目录下创建 `vue.config.js` 文件,用于配置打包相关的参数。
以下是一个简单的 `vue.config.js` 示例:
```
module.exports = {
publicPath: './', // 设置打包后的文件相对路径
outputDir: 'dist', // 设置打包后的文件夹名称
assetsDir: 'static', // 设置打包后静态资源文件夹名称
productionSourceMap: false, // 关闭生产环境的 source map
configureWebpack: { // 配置 webpack
optimization: {
splitChunks: {
chunks: 'all',
name: true,
cacheGroups: {
vendors: {
test: /[\\/]node_modules[\\/]/,
priority: -10
}
}
}
}
}
};
```
以上是一个简单的打包配置示例,具体的配置可以根据项目需要进行调整。配置完成后,执行 `npm run build` 命令即可进行打包。