webpack4中预加载不成功也无报错解决办法：

安装过程：
npm i webpack-dev-server webpack-dev-middleware webpack-hot-middleware -D
配置
webpack.config.js

const webpack = require('webpack');
......
    plugins: [
        new VueLoaderPlugin(),
        new webpack.HotModuleReplacementPlugin()
    ],
    devServer: {
        publicPath: '/dist/',//你的bundle.js文件夹
        host: 'localhost',
        port: '8080',
        open: true,//自动拉起浏览器
        hot: true//热加载
    },

运行命令
node_modules/.bin/webpack-dev-server --mode development

webpack4中Vue配置

vue安装
npm i vue vue-loader vue-html-loader vue-style-loader vue-template-compiler -D
webpack.config.json module同级加入如下配置

    plugins: [
        new VueLoaderPlugin()
    ],
    resolve: {
        alias: {
            'vue$': 'vue/dist/vue.esm.js' // 用 webpack 1 时需用 'vue/dist/vue.common.js'
        }
    }

webpack4中的安装及配置

babel loader安装
npm i @babel/core babel-core babel-loader babel-preset-env babel-runtime -D
package.json 加入如下配置

    "babel":{
        "presets": ["env"],
        "plugins": []
      }

webpack 4.x版本中生成 直接使用
webpack js/entry.js
会在目录下生成dist/main.js,在html中引入此js

Live Reload

没想到入门还涉及了XSS跨站 例子中这样 能更显著表明不转义的危害 加油！

$name = '<script>alert(1)</script>';

php artisan help make:controller

中找到可以查看

php artisan make:controller SitesController

生成的控制器方法是空的如何生成带自带有方法的？
Laravel 5.3.26