webpack配置文件
module.exports = {
entry: './src/main.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'main.js'
},
mode: 'development',
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader',
options: { //如果是多个loader, use: [{}, {}, {}]
compilerOptions: {
compatConfig: {
MODE: 2
}
}
}
}
],
},
plugins: [
new VueLoaderPlugin(), //必须要使用
],
resolve: {
alias: {
'vue': '@vue/compat' //和vue2 vue-template-compiler 有所不同
}
},
devServer: { //webpack搭建本地服务器的配置
static: './dist', //需要管理的文件夹
//port: 指定端口
//historyApiFallback: 在单页面应用(SPA)中,依赖HTML5的history模式
}
}