Vue 腳手架是一個快速構建 Vue 應用程序的工具。在構建過程中，開發者需要經常在腳手架中進行一些配置。本文將介紹一些常用的 Vue 腳手架配置。

1、打包配置

// 在 config/index.js 中
build: {
// 生成環境的文件路徑
assetsRoot: path.resolve(__dirname, '../dist'),
// 打包的資源路徑
assetsPublicPath: '/',
// js 文件名稱 
filename: '[name].js',
}

2、使用全局樣式

// 在 main.js 中
import '@/assets/styles/index.scss'

3、引入第三方庫

// 在 webpack.base.conf.js 中
module.exports = {
entry: {
app: './src/main.js',
vendor: ['vue', 'vue-router']
},
plugins: [
new webpack.optimize.CommonsChunkPlugin({
name: 'vendor',
minChunks: Infinity
})
]
}

4、配置代理

// 在 config/index.js 中
dev: {
// ...
proxyTable: {
'/api': {
target: 'http://localhost:3000',
pathRewrite: { '^/api': '' }
}
}
}

5、允許跨域

// 在 config/index.js 中
dev: {
// ...
headers: {
'Access-Control-Allow-Origin': '*'
}
}