使用 vue-loader 可以实现 vue 组件的热更新,16版本的 vue-loader 用于 Vue3,Vue2应该使用16以前的版本。
yarn add vue@2.6.14
yarn add vue-template-compiler vue-loader
// webpack 配置文件
//...
const VueLoaderPlugin = require('vue-loader/lib/plugin') // 15版本需要手动配置使用插件,14不用
module.exports = {
mode: 'development',
devtool: false,
entry: './src/index.js',
output: {
filename: 'js/main.js',
path: path.resolve(__dirname, 'dist')
},
target: 'web',
devServer: {
hot: true
},
module: {
rules: [
{
test: /\.vue$/,
use: ['vue-loader']
}
]
},
plugins: [
//...
new VueLoaderPlugin()
]
}