参考项目 https://github.com/WarrenHewitt/webpack-pure

error

const config = {
   devServer: {
        client: {
            // 解决 WebSocket connection to ‘ws://x.x.x.x:8080/ws‘ failed  注意有可能是本地网络设置限速 3G 这些
            webSocketURL: 'ws://0.0.0.0:8080/ws'
        }
    }
}

  • 5 及以上版本 需要安装 node-polyfill-webpack-plugin 才能使用 node的核心模块 比如:path 等

http://www.febeacon.com/webpack-plugins-docs-cn/routes/friendly-errors-webpack-plugin.html
开发启动服务成功后的提示

打包后的文件说明 app.js 入口js 基本就是入口 app.vue 首屏要显示的内容 vendor.js 所有第三方模块(node_modules下的包)(如果使用了懒加载,第三方包就会打到对应的独立包中去,vendor包就小了) manifest.js webpackJsonp的定义及异步加载相关(一般优化时不用管)

首屏会加载的内容,一般是登录页,会加载 app.js vendor.js manifest.js

打包

基于 webpack (vue-cli)

Last Updated:
Contributors: Warren