webpack 默认不能处理 vue 文件, 需要安装对应的 load 才可以
1. 安装 vue-loader 和 vue-template-compiler
NPM install vue-loader vue-template-compiler --save-dev
2. 修改 webpack.config.JS
- module: {
- rules: [
- ......
- {
- test: /\.vue$/,
- use: {
- loader: 'vue-loader',
- }
- }
- ]
- }
再次打包依然报错
- ERROR in
- vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.
可能是因为 vue-router 版本是 15 以上引起的
需要在 webpack.config.JS 中添加如下配置
- const VueLoaderPlugin = require('vue-loader/lib/plugin');
- module.exports = {
- plugins: [ // 插件配置
- new VueLoaderPlugin()
- ],
- module: {
- ......
- }
- };
来源: http://www.bubuko.com/infodetail-3456640.html