- 設(shè)置別名后可以很便捷的訪問到組件的路徑
- 調(diào)整 webpack 配置最簡單的方式就是在 vue.config.js 中的 configureWebpack 選項(xiàng)提供一個對象
- 也可以通過鏈?zhǔn)讲僮?/li>
let path = require('path')
function resolve(url) {
return path.resolve(__dirname, url)
}
module.exports = {
//方法一
configureWebpack: {
resolve: {
alias: {
'_c': resolve('src/components'),
'_p': resolve('src/page')
}
},
},
//方法二
// chainWebpack: config => {
// config.resolve.alias
// .set('@', resolve('src'))
// .set('_c', resolve('src/components'))
// .set('_p', resolve('src/page'))
// },
//將不會檢查錯誤
// lintOnSave:false,
devServer: {
//換端口號
port: 9999,
contentBase: path.join(__dirname, 'static')
}
}
補(bǔ)充：配置靜態(tài)資源目錄
- 默認(rèn)情況下初狰，將使用當(dāng)前工作目錄作為提供內(nèi)容的目錄
contentBase: path.join(__dirname, "public")
- 注意，推薦使用絕對路徑。
- 但是也可以從多個目錄提供內(nèi)容：
contentBase: [path.join(__dirname, "public"), path.join(__dirname, "assets")]
