vue.config.js 的标准配置
时间: 2023-11-22 07:46:21 浏览: 33
vue.config.js是Vue CLI 3.x提供的一个配置文件,用于配置Vue项目的构建和开发环境。它可以覆盖CLI内部的webpack配置,并且可以扩展CLI的配置。以下是vue.config.js的标准配置:
module.exports = {
// 基本路径
publicPath: '/',
// 输出文件目录
outputDir: 'dist',
// 静态资源目录
assetsDir: 'static',
// 是否开启eslint保存检测,有效值:true | false | 'error'
lintOnSave: true,
// 是否使用包含运行时编译器的Vue核心的构建
runtimeCompiler: false,
// 生产环境是否生成 sourceMap 文件
productionSourceMap: true,
// webpack相关配置
configureWebpack: {
// 覆盖webpack默认配置的都在这里
},
// webpack链式配置
chainWebpack: () => {
// 这里可以用来扩展webpack的配置
},
// css相关配置
css: {
// 是否使用css分离插件 ExtractTextPlugin
extract: true,
// 开启 CSS source maps?
sourceMap: false,
// css预设器配置项
loaderOptions: {},
// 启用 CSS modules for all css / pre-processor files.
modules: false
},
// 开发环境配置
devServer: {
// 端口号
port: 8080,
// 配置代理
proxy: {
'/api': {
target: '<url>',
ws: true,
changeOrigin: true
}
}
},
// 第三方插件配置
pluginOptions: {
// ...
}
}