![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 68
牛长犇
享受写东西的过程,记录技术上的成长
展开
-
webpack进阶——DllPlugin优化打包性能(基于vue-cli)
介绍:打包会输出一个类dll包(dll包源于windows的动态链接库),这些代码本身不会执行,主要是提供给我们的业务代码引用。(比如dll中有一个工具方法为时间格式化,这个方法本身并不会执行,但是当我们的业务中需要执行时间格式化时,就会引用这个方法在我们的业务中执行时间格式化)。简言之:将静态资源...转载 2018-05-04 15:46:32 · 1993 阅读 · 0 评论 -
eslint -- Adjacent JSX elements must be wrapped in an enclosing tag
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言关于eslint的问题太多了,我们只能慢慢的一个一个的踩坑。错误信息Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag.这样的错误信息提示eslint配置的问题,如下图解决办法修改eslint配置文件// 将"...原创 2018-12-17 14:41:31 · 17406 阅读 · 3 评论 -
Missing space before function parentheses 报错终极解决方案
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言首先,我们碰到的这个问题只是一类问题的一个代表,总结起来就是关于eslint的问题;类似的还有括号后面多个空格呀,不能用双引号呀等等的问题;我们项目中既然选择了eslint,那么就是想做代码级的规范,如果解决问题的方案是在webpack的配置文件里注释掉eslint检查的相关配置,或者是在eslint的配置文件里将2...原创 2018-10-12 20:01:06 · 15368 阅读 · 2 评论 -
nodejs -- node-sass安装失败的解决方案
欢迎访问我的个人博客:http://www.xiaolongwu.cnnode-sass安装失败的原因是被墙了;解决办法是翻墙或者使用淘宝镜像cnpm下载;cnpm install node-sass -Dcnpm的安装和使用方法链接:cnpm淘宝镜像的安装和使用方法我的github资源地址:nodejs – node-sass安装失败的解决方案我的个人博客地址:h...原创 2018-09-15 18:16:12 · 2897 阅读 · 0 评论 -
nodejs -- Node Sass does not yet support your current environment解决办法
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言在github上clone了一个项目,npm install之后,启动项目时报了如题目的错误导致项目启动失败;产生问题的原因执行npm install命令时,其实是npm按照项目里的package.json文件来下载项目所有的依赖;由于每个人的电脑环境等不同的问题,有些依赖会不支持当前的环境;...原创 2018-09-15 18:12:22 · 10743 阅读 · 3 评论 -
commonjs,es6模块的编写规则,适用于node,webpack,rollup
欢迎访问我的个人博客:http://www.xiaolongwu.cn一、commonjs的编写规则首先说明一下,commonjs模块规范被广泛使用在nodejs中,webpack也支持,rollup如果要支持则需要安装两个插件,rollup-plugin-node-resolve和rollup-plugin-commonjs也可以参考下这篇博文:require和import机制...原创 2018-08-15 15:06:18 · 1033 阅读 · 0 评论 -
webpack -- 简单的使用总结
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言这里只是大概的简单的使用总结,要想深入的理解还需自己一点一点的在实际的工作中积累。webpack是什么webpack是一个前端构建的打包工具(并不是什么库或框架), 它能把各种资源,例如JS(含JSX)、coffee、css(含less/sass)、图片等都作为模块来处理和使用。基础知识点...原创 2018-08-13 02:31:32 · 555 阅读 · 0 评论 -
webpack -- require和import机制
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言虽然我们很多人每天都在写项目,require或者import写的爽得很,但是有几个人真正的知道它背后的运行原理和所谓的规则机制。开始我们基于webpack开发,就拿基本的vue项目来举例子吧假如我们项目中要用到vue这个框架,我们在代码里写上import Vue from 'vue'/...原创 2018-08-13 02:30:38 · 5708 阅读 · 0 评论 -
vue -- vue-router的history模式打包后页面空白的解决方案
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言采坑记录,以便后面翻阅首先你需要确认页面空白不是由资源文件路径不正确引起的,如果资源找不到就将绝对路径改为相对路劲,具体解决方案看这里:webpack–资源和css中图片引用打包为相对路径的方案问题现象在本地开发环境没有任何问题,路由也正常显示,但是打包并部到服务器之后,访问页面就是空白,看控制台...原创 2018-07-25 19:18:49 · 29054 阅读 · 2 评论 -
webpack -- 关于proxyTable的配置在开发环境和生产环境中的原理解析
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言首先,proxyTable是我们在本地开发环境中调试接口用的,目的是为了解决本地跨域的问题,因为本地地址为localhost:xxxx/xxx在线上的生产环境是没用的!!!假设我们用的是vue-cli命令行工具生成的webpack项目模板,我们很容易能在config文件夹下面找到index.js文件。...原创 2018-07-19 16:52:46 · 19319 阅读 · 17 评论 -
webpack -- 热更新原理
开发环境页面热更新早已是主流,常见的需求如赛事网页推送比赛结果、网页实时展示投票或点赞数据、在线评论或弹幕、在线聊天室等,都需要借助热更新功能,才能达到实时的端对端的极致体验。webpack-hot-middlewarewebpack-hot-middleware中间件是webpack的一个...转载 2018-07-13 14:44:00 · 5979 阅读 · 0 评论 -
报错 throw new Error('invalid "instanceof" keyword value ' + c)解决办法
显示如下报错D:\myProjectDemos\webpackDemo\node_modules\ajv-keywords\keywords\instanceof.js:52 throw new Error('invalid "instanceof" keyword value ' + c); ^Error: invalid "instanceof" keyword v...原创 2018-07-06 17:45:46 · 8727 阅读 · 4 评论 -
webpack -- 资源和css中图片引用打包为相对路径的方案
欢迎访问我的个人博客:http://www.xiaolongwu.cn前言最近在用vue-cli+webpack做项目,项目架构搭好了之后,想build之后看看效果,但是build出来的index.html文件中的默认资源引用都是绝对路径,也就是相对于根目录的绝对路径;但是我项目如果部署到线上也不一定是在根目录里呀,所以这种默认相对于根目录的绝对路径肯定是不实用的;解决方案...原创 2018-07-18 20:58:30 · 15013 阅读 · 2 评论 -
webpack -- require和import的区别
我之前在 《前端搭环境之从入门到放弃》这篇文章中吐槽过,webpack中可以写commonjs格式的require同步语法,可以写AMD格式的require回调语法,还有一个require.ensure,以及webpack自己定义的require.include,再加上...转载 2018-06-29 09:49:15 · 1127 阅读 · 1 评论 -
gulp & webpack整合,鱼与熊掌我都要!
为什么需要前端工程化? 前端工程化的意义在于让前端这个行业由野蛮时代进化为正规军时代,近年来很多相关的工具和概念诞生。好奇心日报在进行前端工程化的过程中,主要的挑战在于解决如下问题:如何管理多个项目的前端代码?如何同步修改复用代码?如何让开发体验更爽?项目实在太多之前写过一篇博文...转载 2018-05-07 09:46:51 · 1678 阅读 · 0 评论 -
Class constructor FileManager cannot be invoked without 'new'
欢迎访问我的个人博客:http://www.xiaolongwu.cnwebpack打包时出现以下问题ERROR in ./src/pages/score/components/current/no-join/index.lessModule build failed (from ./node_modules/_mini-css-extract-plugin@0.5.0@mini-css-e...原创 2019-08-20 11:28:40 · 1319 阅读 · 0 评论