今天完成的事情：

1. 使webpack可执行jquery

2. 使webpack可执行vue

明天计划的事情：

1. 使用boostreap构建前端架构

2. 使用vue构建前端架构

遇到的问题：

Q1. vue一直无法在webpack中顺利执行

    错误信息：in index.js from UglifyJs

                      ERROR in ./src/App.vue

                      npm报错This is probably not a problem with npm. There is likely additional logging

                      missing script:dev

A1:

    webpack.dev.js

    const VueLoaderPlugin = require('vue-loader/lib/plugin'); //解决vue无法执行问题

    plugins:[

        new VueLoaderPlugin(), // 解决vue无法执行的问题

    ],

    .babelrc

    {

      "presets":["env","latest"],

      "plugins":[]

    }

    ※ 并且不可使用 uglifyjs-webpack-plugin

收获：

怎么解决今天所遇到的vue无法在webpack执行的错误。

并了解每次更新时总会有新的bug产生

svg格式在webpack中其实有启用，但是只有在用手机（非chrome模拟器）中查看才有作用，

故如果svg图片格式还是引入不正常可尝试：

    webpack.dev.js

            {

                test: /\.svg$/,

                use: [

                    {

                        loader: 'file-loader',

                        options: {

                            outputPath: 'icon/',  //打包后的图片放到images文件夹下

                        }

                    }

                ]

            },

    ※ 之后再使用手机查看即可

参考链接：

Vue加载单文件使用vue-loader报错：https://blog.csdn.net/MessageBox_/article/details/81434193