webpack.config.js文件：

const path = require('path')

const VueLoaderPlugin = require('vue-loader/lib/plugin')

// const VueLoaderPlugin = require('vue-loader')

module.exports = {

??? entry: path.join(__dirname, 'src/index.js'),

??? output: {

??????? filename: 'bundle.js',

??????? path: path.join(__dirname, 'dist')

??? },

??? module: {

??????? rules: [

??????????? {

??????????????? test: /\.vue$/,

??????????????? use: 'vue-loader'

??????????? },

??????????? {

??????????????? test: /\.css$/,

??????????????? use: 'css-loader'

??????????? }

??????? ]

??? },

??? plugins: [

??????? new VueLoaderPlugin()

??? ]

}

package.json文件：

"scripts": {

??? "test": "echo \"Error: no test specified\" && exit 1",

??? "build": "webpack --mode development"http:// 原本的webpack --config webpack.config.js會報錯

? },

? "author": "",

? "license": "ISC",

? "dependencies": {

??? "css-loader": "^1.0.0",

??? "vue": "^2.5.17",

??? "vue-loader": "^15.2.7",

??? "vue-template-compiler": "^2.5.17",

??? "webpack": "^4.16.5"

? },

? "devDependencies": {

??? "webpack-cli": "^3.1.0"

? }

報錯信息：

ERROR in ./src/app.vue 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
> <template>
|???? <div id="test">{{text}}</div>
| </template>
?@ ./src/index.js 2:0-27 6:21-24
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] build: `webpack --mode development`
npm ERR! Exit status 2
npm ERR!