这几天练习vue+webpack前端项目，然后就不停的出现npmrundev失败的错误，哪怕是之前已经很好的项目也不停报错，根据网上npminstall的方式好像也不太行，知道今天我才发现npminstall后面添加save参数就可以稳定启动了。先记下来命令含义npminstall-g全局安装（这意味着安装包不在你的项目目录下，而在node.js默认的安装包目录下npminstall-save自定
分类：
其他好文 时间：
2020-11-18 12:22:15
阅读次数：
3
安装vue-loader及vue-template-compiler npm install vue-loader vue-template-compiler --save-dev webpack.const.js rules中配置 { test:/\.vue$/ use: ['vue-loader ...
分类：
其他好文 时间：
2020-11-12 13:32:42
阅读次数：
6
背景 对于程序开发者而言，开发一个项目不仅仅注重效率和功能，前端的性能问题也是非常重要的。这直接影响用户的体验，从而间接的也反应该项目质量的好坏。 影响项目性能的原因有很多，如：资源文件的大小，业务的繁杂程度等，所以前端优化的方式也很多。这些东西很零碎，容易被人遗忘。 优化一： vue-router ...
分类：
Web程序 时间：
2020-11-11 16:14:25
阅读次数：
17
使用 vue-cli 创建模板项目 vue-cli 是 vue 官方提供的脚手架工具 github: https://github.com/vuejs/vue-cli 作用: 从 https://github.com/vuejs-templates 下载模板项目 创建vue 项目 npm insta ...
分类：
其他好文 时间：
2020-11-11 16:02:24
阅读次数：
9
之前接手的一个旧项目，使用的是roadhog + dva + antd等技术，里面大概有上百个路由文件，其他model、组件等文件也不少，导致整个项目的模块文件非常多，热更新和打包都速度都比较慢，输出代码体积也很大。基于这个问题，本文整理webpack常用的一些优化手段。 <!--more--> 参 ...
分类：
Web程序 时间：
2020-11-07 17:44:14
阅读次数：
36
默认值 开箱即用的 SplitChunksPlugin 应该对大多数用户都很好用。 默认情况下，它只影响随需应变的块，因为更改初始块会影响运行项目时包含的应有脚本标记 HTML 文件。 webpack 将根据以下条件自动分割块: 新块可被共享的，或者来自 node_modules 文件夹 新块将大于 ...
分类：
Web程序 时间：
2020-11-07 17:41:12
阅读次数：
24
两种方法，二者选其一即可 方法一：找到项目的config文件夹下的index.js，找到useEslint属性，改为false 方法二：找到项目中的build文件夹下的webpack.base.conf.js，把里面的箭头指的部分全部注解掉 ...
分类：
其他好文 时间：
2020-11-07 17:31:06
阅读次数：
28
解决：'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 解决方案： 第一种方法 尝试进行npm install,如果还是不可以就尝试第二种方法，通常是没有装依赖导致的问题。 第二种方法 前往项目根目录删除node_modules文件夹，然后在项目根目录 ...
分类：
Web程序 时间：
2020-11-04 17:39:11
阅读次数：
28
业务场景：中后台 虽然封装和使用了很多第三方组件，但还是免不了需要自己封装和使用很多业务组件。每次使用的时候还需要手动引入，过于麻烦 解决方法： 基于 webpack 的require.context来实现自动加载组件并注册的全局的功能 我们可以创建一个GlobalComponents文件夹，将你想 ...
分类：
其他好文 时间：
2020-11-02 09:57:26
阅读次数：
23
webpack是基于模块化的打包(构建)工具，通过一个入口文件递归出所有模块的依赖关系，经过一系列的过程（压缩，合并），最终生成运行的代码。 webpack的特点 解决工程化问题（只关注开发时的代码，把工程化过程中的问题交给webpack处理） 简单易用：支持0配置 强大生态：可以融入第三方库 基于 ...
分类：
Web程序 时间：
2020-10-30 11:47:37
阅读次数：
24
