webpack默认不能处理vue文件,只能自己添加额外的插件进行处理
解决报错如下:
安装两个拓展插件
npm i vue-loader vue-template-compiler -D
然后在webpack.config.js添加如下配置:
module: {
rules: [
{ test:/\.vue$/, loader: 'vue-loader' }
]
}
如果仍然报错
可能是由于vue-router版本是15以上引起的
需要再额外添加如下配置
webpack.config.js文件:
const VueLoaderPlugin = require('vue-loader/lib/plugin');
module.exports = {
plugins: [ //配置插件的节点,所有插件都要在这里配置
new VueLoaderPlugin()
],
module: {
rules: [
{ test:/\.vue$/, loader: 'vue-loader' }
]
}
};
本文详细介绍了解决Webpack无法直接处理Vue文件的问题方法。通过安装并配置'vue-loader'和'vue-template-compiler'插件,使Webpack能够正确解析和打包.vue文件。针对特定版本的vue-router可能引发的错误,提供了额外的配置建议。
5778





