npm

写在前面：该部分的安装都是基于windows系统的，且此处的webpack的版本为：3.6.0。 1.安装webpack 1.1 安装方法： 用win+R打开运行对话框，输入cmd进入命令行模式。然后找到你想开始项目的地方，输入下方代码： mkdir webpack3 cd webpack3 第一句是建立一个文件夹，第二句是进入这个文件夹。这个文件夹就是我们的项目文件目录了，文件夹建立好后，可以通过下面命令安装webpack。 需要注意的是,你在执行下一步时必须安装node，可以通过 node -v来查看node安装情况和版本，如果没有安装，要先安装node才可以继续进行。 戳此查看安装node.js 1.1.1 全局安装 // 全局安装---主要命令行需要直接输入webpack命令 npm install -g webpack 如果你这时安装失败了（出现了报错信息），一般有三种可能： 检查你node的版本号，如果版本号过低，升级为最新版本。 网络问题，可以考虑使用cnpm来安装（这个是淘宝实时更新的镜像）,具体可以登录cnpm的官方网站学习 http://npm.taobao.org/。 权限问题，在Liux、Mac安装是需要权限，如果你是Windows系统，主要要使用以管理员方式安装。 解决方法： windows 使用win+x,选择命令提示符（管理员），在里面运行命令就好了。

npm ERR! missing script: dev 解决方案 参考文章： （1）npm ERR! missing script: dev 解决方案 （2）https://www.cnblogs.com/yangda/p/10878029.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/4437884/blog/4679243

前言：最近用vue-cli 3.0 构建一个小型的工单管理系统，完工后build发现一个chunk-vendors包就达到985kb，加上其他一些资源文件，首页的下载总共大小快要2M。测试给的第一个反馈就是首屏慢慢慢慢慢！ 根据首屏加载资源文件过大，进行一下优化： 1. 路由懒加载 结合Vue的异步组件再结合webpack的代码分割，我们可以轻松的实现路由懒加载。 ️vue-cli 3.0 模式就使用了Babel，我们需要添加 syntax-dynamic-import 插件，才能使 Babel 可以正确地解析语法。 // 安装插件 syntax-dynamic-import cnpm install --save-dev @babel/plugin-syntax-dynamic-import // 修改babel.config.js module.exports = { "presets": [ "@vue/app" ], "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" }, "syntax-dynamic-import" ] ] } // 修改路由组件的加载（router/index.js） { path: '/', name: 'home'