vue-webpack制作toDo应用练习遇到的问题（一）

1.工具：Visual Studio Code,简称VS code。下载网址https://code.visualstudio.com/分为stable（稳定版）和insiders（专业版）根据需求下载。安装之后，我安装了三个插件，vetur（vue的插件，有语法高亮、智能感知、Emmet等）、beautiful（格式化代码，把需要格式化的代码文件打开，然后按F1选择beautiful file）、Dracula Offical（官方吸血鬼黑色主题）

2.遇到的报错问题：

问题1：

发现是因为我手打的_dirname没有被识别，所以就用了自动联想出来的_dirname就解决了。

问题2：

发现是因为vue-loader@15.*之后必须带有VueLoaderPlugin 并单独配置css-loader，我没有配置。

配置部分如下：

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')
    },
    plugins: [
        new VueLoaderPlugin() //配置部分
    ],
    module: {
        rules: [
            {
                test:/\.vue$/,
                loader:'vue-loader'
            }，
                //配置css-dtyle部分
            {
                test:/\.css$/,
                use:[
                    'vue-style-loader',
                    'css-loader'
                ]
            }
    }