运行 npm run build 时报错， 这个是什么问题的啊

Question

E:\chenxiao\VUE\vuejs\vue_book\8VuejsItemCase>npm run build> 8vuejsitemcase@1.0.0 build E:\chenxiao\VUE\vuejs\vue_book\8VuejsItemCase> webpack --config webpack.config.jsHash: 4edc359bac0a31e99cceVersion: webpack 4.29.6Time: 2300msBuilt at: 2019-03-12 18:10:07 1 assetEntrypoint main = bundle.js[0] (webpack)/buildin/global.js 472 bytes {0} [built][1] ./src/app.vue?vue&type=template&id=5ef48958& 168 bytes {0} [built] [failed] [1 error][3] ./src/app.vue?vue&type=style&index=0&lang=css& 170 bytes {0} [built] [failed] [1 error][7] ./src/index.js + 3 modules 4.05 KiB {0} [built] [1 error]    | ./src/index.js 185 bytes [built]    | ./src/app.vue 1.11 KiB [built] [1 error]    | ./src/app.vue?vue&type=script&lang=js& 124 bytes [built]    |     + 1 hidden module    + 4 hidden modulesWARNING in configurationThe 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/ERROR in ./src/app.vueModule Error (from ./node_modules/vue-loader/lib/index.js):vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config. @ ./src/index.js 2:0-27 8:20-23ERROR in ./src/app.vue?vue&type=style&index=0&lang=css& 16:0Module parse failed: Unexpected character '#' (16:0)You may need an appropriate loader to handle this file type.| | > #test{color:red}|  @ ./src/app.vue 4:0-63 @ ./src/index.jsERROR in ./src/app.vue?vue&type=template&id=5ef48958& 2:0Module parse failed: Unexpected token (2:0)You may need an appropriate loader to handle this file type.| > <div id="test">{{text}}</div>|  @ ./src/app.vue 1:0-82 11:2-8 12:2-17 @ ./src/index.jsnpm ERR! code ELIFECYCLEnpm ERR! errno 2npm ERR! 8vuejsitemcase@1.0.0 build: `webpack --config webpack.config.js`npm ERR! Exit status 2npm ERR!npm ERR! Failed at the 8vuejsitemcase@1.0.0 build script.npm ERR! This is probably not a problem with npm. There is likely additional logging output above.npm ERR! A complete log of this run can be found in:npm ERR!     C:\Users\chenxiao\AppData\Roaming\npm-cache\_logs\2019-03-12T10_10_07_151Z-debug.logE:\chenxiao\VUE\vuejs\vue_book\8VuejsItemCase>

Answer 1

const path = require('path')

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

module.exports = {

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

output:{

filename: 'bundle.js',

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

},

module:{

rules:[

{

test:/\.vue$/,

loader:'vue-loader'

},

{

test: /\.css$/,

use: ['css-loader']

},

]

},

plugins:[

new VueLoaderPlugin()

]

}