vue2vue.config.js打包配置
时间: 2023-10-28 09:21:05 浏览: 153
在 Vue 2 中,你可以通过 vue.config.js 文件来配置打包相关的配置。在根目录下创建一个名为 vue.config.js 的文件,并在其中导出一个对象来配置打包。
下面是一个示例的 vue.config.js 文件,其中包含了常用的打包配置选项:
```javascript
module.exports = {
publicPath: '/', // 设置打包后的静态文件路径,默认为 '/'
outputDir: 'dist', // 设置打包输出的目录,默认为 'dist'
assetsDir: 'static', // 设置静态资源目录 (js, css, img, fonts),默认为 'static'
productionSourceMap: false, // 是否在生产环境中生成 source map 文件,默认为 false
// 配置 webpack 相关
configureWebpack: {
// 自定义 webpack 配置
// 这里可以写入一些额外的 webpack 配置选项
},
// 配置开发服务器
devServer: {
open: true, // 启动项目时自动打开浏览器,默认为 false
port: 8080, // 开发服务器监听的端口,默认为 8080
proxy: {
// 配置代理,用于解决跨域问题
'/api': {
target: 'http://api.example.com', // 设置代理目标地址
changeOrigin: true, // 是否改变源地址
pathRewrite: {
'^/api': '' // 将 /api 替换为空字符串
}
}
}
}
};
```
你可以根据项目的需求修改这些配置选项来满足你的要求。更多详细的配置选项可以参考 Vue CLI 官方文档:https://cli.vuejs.org/config/
阅读全文