工作记录：脚手架三取消eslint和取别名

背景：

脚手架三创建vue项目，配置文件已经隐藏起来了，不推荐修改项目的配置。

方式一

在package.json同级目录下创建vue.config.js（名字不可变，vue会解析该名字文件）
写入配置：

module.exports = {
//取消eslint
lintOnSave: false,
devServer: {
overlay: {
warnings: true,
errors: true
}
},
configureWebpack: {
resolve:{
alias:{
//assetsa表示别名；@/assets表示 src/assets
‘assetsa’: ‘@/assets’
}
}
}
}

方式二

在package.json同级目录下创建vue.config.js（名字不可变，vue会解析该名字文件）
写入配置：
const path = require(‘path’);

function resolve(dir) {
return path.join(__dirname, dir);
}

module.exports = {
lintOnSave: false,
devServer: {
overlay: {
warnings: true,
errors: true
}
},
chainWebpack: (config) => {
config.resolve.alias
.set(’@’, resolve(’./src’))
.set(‘assets’, resolve(’./src/assets’))
// 这里只写了两个个，你可以自己再加，按这种格式.set(’’, resolve(’’))
}
}