不使用vue-cli,webpack搭建vue环境踩踩踩过的坑

初始化项目,生成一个package.json文件

npm init

使用webpack构建，先安装webpack，但是webpack4.x版本需要安装webpack-cli,由于只在开发环境下使用webpack构建

npm install webpack webpack-cli --save-dev

安装vue vue-loader

npm install vue vue-loader --save

创建一个webpack.config.js文件，配置项目入口，项目输出以及必要的插件

const path=require('path');
const webpack=require('webpack');
/*
*好像是新版的vue-loader必须要引入这个插件才可以正常运行
*/
const VueLoaderPlugin=require('vue-loader/lib/plugin');
const HtmlWebpackPlugin =require('html-webpack-plugin');
entry:'./src/main.js',
    output: {
        path:path.resolve(__dirname,'dist'),
        filename: 'bunlde.js',
        publicPath:PUBLIC_PATH
    },
    module: {
        rules:[
            {
                test:/\.js$/,
                exclude:/node_modules/,
                use:{
                    loader:'babel-loader'
                },

            },
            {
                test:/\.vue$/,