开发过程中我们不可避免的需要console.log调试,然而在上线时如果不删除这些console.log可能会造成内存泄漏,因为console.log出来的变量是不会被GC的,webpack给我们提供了一个非常棒的插件,看代码: new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false } }, sourceMap: config.build.productionSourceMap, parallel: true })

1. 使用 gzip 压缩打包后的 js 文件 这个方法优化浏览器下载时的文件大小(打包后的文件大小没有改变) webpack.config.prod.js 中 var CompressionWebpackPlugin = require('compression-webpack-plugin'); // 在 pligins 中添加 new CompressionWebpackPlugin({ //gzip 压缩 asset: '\[path\].gz\[query\]', algorithm:

官方文档 vue-cli3以下版本中,关于webpack的一些配置都在config目录文件中,可是vue-cli3以上版本中,没有了config目录,那该怎么配置webpack呢? 3.x初始化项目后没有了build和config文件,如果你想对webpack相关内容进行配置,需要自己在根目录下(与package.json同级)创建一个vue.config.js文件,这个文件一旦存在,那么它会被 @vue/cli-service 自动加载.(但需要我们自己手动创建哦vue.config.js,跟

npm updatea -g 很严重,把本地npm安装包都更新了,跟项目npm安装包版本不一,导致 意思是版本冲突,手动卸载了,重新安装还是最新版本,很是头疼.找同事的电脑拷贝了一份,然后复制过来报“'webpack' 不是内部或外部命令,也不是可运行的程序 或批处理文件.”这个错误,然后我 npm install webpack -g 安装包安装在C:\Users\Administrator\AppData\Roaming\npm\node_modules\webpack这个目录下,这个是环境

查看远程服务器上的包的版本信息 npm view webpack version //查看npm服务器上包webpack的最新版本 npm view webpack versions //查看服务器上包webpack的所有的版本信息 npm info webpack //和npm view webpack version命令类似但是信息更全 查看本地安装的包的版本信息 npm ls webpack //查看某个目录下的包pkg的版本信息------注意该命令一定要在某个项目下执行 npm ls

其他章节请看: webpack 快速入门 系列 自定义 wepack 上 通过"初步认识webpack"和"实战一"这 2 篇文章,我们已经学习了 webpack 最基础的知识.在继续学习 webpack 更多用法之前,我们先从更底层的角度来认识 webpack. 自定义 webpack 分上下两篇,上篇介绍 webpack 的两个核心,loader和plugin:下篇我们自己实现一个简单的 webpack. 初始化项目 loader 和 plugin 将使用此环境

vue-cli2.0中的方法 1.安装插件 npm install uglifyjs-webpack-plugin --save-dev 2.修改webpack.prod.conf.js配置文件 const UglifyJsPlugin = require('uglifyjs-webpack-plugin'); plugins: [ // http://vuejs.github.io/vue-loader/en/workflow/production.html new webpack.Defin

前端javascript代码编写中,有一个不错的工具叫JSLint,可以检查代码规范化,压缩JS,CSS等,但是他的语法规范检查个人觉得太“苛刻”了,会提示各种各样的问题修改建议,有时候提示的信息我们看的莫名其妙,这里,先转载一下携程UED的一个技术文章(原文链接http://ued.ctrip.com/blog/?p=2733),看看JSLint的错误提示都是什么意思: 一直以为检查JS语法错误非jslint不可,不过使用起来总是觉得太重量级了一点点. 后来无意中发现了一个叫jshint的东东

上周忙呀忙~    周一到五在忙项目,周六日搬家    在帝都平均一年就要换一次房子,从开始找房子到成功住进去前前后后大约花了半个多月的时间    什么时候就有自己的小窝了-- 之前开发一直用的都是WebStorm,用了一段时间后发现很卡顿,内存占用很大,故而准备选择轻量级的Sublime. 以下是使用过程中的一些总结,持续更新~ 1.安装Sublime Text3,傻瓜式安装,这里就不多说了~ 2.安装Package Control(一个用来管理插件的插件) ctrl + `打开控制台:将以下

技术栈 vue-cli webpack vux,vux-loader less,less-loader vue-jsonp vue-scroller ES6 vue-cli:一个vue脚手架工具,利用vue-cli可以快速构建一个vue项目. webpack:一个现代 JavaScript 应用程序的模块打包工具. vux: 一个移动端的UI组件库. vue-jsonp vue的一个插件,用于送jsonp请求. vue-scroller vue的一个插件,用于实现下拉刷新和上拉加载. 构建过程:

“Missing semicolon.” : “缺少分号.”,“Use the function form of \”use strict\”.” : “使用标准化定义function.”,“Unexpected space after ‘-’.” : “在’-'后面不应出现空格.”,“Expected a JSON value.” : “请传入一个json的值.”,“Mixed spaces and tabs.”: “空格和TAB重复.”,“Unsafe character.” : “不安全的

问题描述: 一个包含下拉加载的页面,刷新当前页然后滚动页面,能够正常触发滚动事件并调用回调函数,但是如果是进了某一个页面然后再进的该页面,滚动事件能够触发, 但是回调函数在滚动的时候只能被调用一次. 关键代码: 包含下拉加载的页面中,mounted中绑定scroll,在beforeRouteLeave中取消事件绑定 this.ele.addEventListener('scroll', this.getInvitationRecordUserList); 问题定位: 从其他页面进了之后再进该页面

项目中使用ECMAScript6的时候经查会使用语法检查,下面是常见错误信息的汇总: “Missing semicolon.” : “缺少分号.”, “Use the function form of \”use strict\”.” : “使用标准化定义function.”, “Unexpected space after ‘-’.” : “在’-'后面不应出现空格.”, “Expected a JSON value.” : “请传入一个json的值.”, “Mixed spaces and

调试 ASP 脚本 无论您的计划多么精密.经验多么丰富,脚本错误 (bug) 可能在最初就使您的 ASP 服务器端的脚本无法正确运行.也就是说调试,即查找和纠正脚本错误,对开发一个成功的和强健的 ASP 程序是非常重要的. Microsoft 脚本调试工具 Microsoft® Script Debugger 是一个功能强大的调试工具,它能帮助您迅速查找错误并对服务器端的脚本进行交互测试.Script Debugger 与 Windows Internet Explorer 3.0 版本或更新的

“Missing semicolon.” : “缺少分号.”, “Use the function form of \”use strict\”.” : “使用标准化定义function.”, “Unexpected space after ‘-’.” : “在’-'后面不应出现空格.”, “Expected a JSON value.” : “请传入一个json的值.”, “Mixed spaces and tabs.”: “空格和TAB重复.”, “Unsafe character.” :

最近在用eslint代码检测,因为之前不太注意代码规范,刚开始确实头疼,哈哈,不过用习惯了就会感觉还不错,其实也没有那样难调试 我看过之前有些人已经做过总结,自己记录下,方便自己以后查找 “Missing semicolon.” : “缺少分号.”, “Use the function form of \”use strict\”.” : “使用标准化定义function.”, “Unexpected space after ‘-’.” : “在’-'后面不应出现空格.”, “Expected

“Missing semicolon.” : “缺少分号.”, “Use the function form of \”use strict\”.” : “使用标准化定义function.”, “Unexpected space after ‘-’.” : “在’-'后面不应出现空格.”, “Expected a JSON value.” : “请传入一个json的值.”, “Mixed spaces and tabs.”: “空格和TAB重复.”, “Unsafe character.” :

TSLint是一个Typescrip{过滤}t验证工具,用于检测代码. TSLint: comment must start with a space (comment-format) 注释必须从一个空格开始(comment-format) 也就是说//之后必须跟随一个空格. “Missing semicolon.” : “缺少分号.”,“Use the function form of \”use strict\”.” : “使用标准化定义function.”,“Unexpected spac

1.解决npm下载慢的问题,使用该命令 npm install --registry=https://registry.npm.taobao.org 好处:比起cnpm官网解释的,这个更好,使用cnpm有时候会导致node_modules包报错,是因为cnpm和npm下载的文件解构不太一样. 2.查看npm安装过的全局依赖 npm list -g --depth 0 3.查看远程服务器上的包的版本信息 npm view webpack version //查看npm服务器上包webpack的最新

注册 一.调试信息和 Rails 环境 现在咱们要实现的用户资料页面是我们这个应用中第一个真正意义上的动态页面.虽然视图的代码不会动态改变, 不过每个用户资料页面显示的内容却是从数据库中读取的.添加动态页面之前, 最好做些准备工作, 现在我们能做的就是在网站布局中加入一些调试信息, 如下图所示.这段代码使用 Rails 内置的 debug方法和 params 变量(以后再做详细介绍), 在各个页面显示一些对开发有帮助的信息. 1.在网站布局中添加一些调试信息 打开文件:app/views/lay

搭建vue的开发环境: https://cn.vuejs.org/v2/guide/installation.html 1.     必须要安装nodejs cnpm  下载包的速度更快一些. 地址:http://npm.taobao.org/ 安装cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org 接下来安装webpack…… Cnpm install –global webpack 2.搭建vue的开发环境