使用vue create my-project
命令创建出来的vue项目,在项目根目录下创建vue.config.js
文件
vue.config.js
文件,具体参考文档,以下只写出常用配置方式。
'use strict'
const path = require('path')
function resolve (dir) {
return path.join(__dirname, dir)
}
module.exports = {
//开发服务配置
devServer: {
port: 8888, // 端口号
host: 'localhost', // 主机
https: false, // 是否启用https
open: false // 配置是否自动启动浏览器
},
//webpack配置节点
configureWebpack: {
// 路径配置
resolve: {
extensions: ['.js', '.vue', '.json'],
// 别名配置
alias: {
// @ is an alias to /src
'@': resolve('src'),
}
},
// 插件配置
plugins: [],
// webpack-load配置
module: {
rules: []
}
}
}