前言 最近本着新年新气象的想法，想换套新的博客园皮肤。 之前自己做了一套制作皮肤的解决方案，这是当时分享皮肤以及解决方案的博客：分享一款博客园皮肤及其解决方案。 不过在制作新的皮肤过程中，使用这个解决方案时还是遇到了很多问题。 而为了更方便地制作新皮肤，就升级了原先的解决方案，搭建了这套博客园皮肤制作脚手架。 项目地址已从github换到了码云：https:...
前言 之前用 vuecli做了个博客，是一个单页面项目，大概有十个路由直接 npm run build打包出来，有一个 1M的巨大 js文件 先挂载到服务器上试试好家伙 这加载时间 仿佛过了半个世纪 首屏页面整整加载了 9s 光加载那个大文件就花了 8s这必须得做个优化了，没有用户能忍受 9s的白屏而不关闭页面的 过程中，我还顺便把项目从 vuec...
最近遇到图片路径加载报错的问题 之前一直都是把图片放到assets的文件下的。总是报错，看到一些文章并且尝试成功了，特意记录下 首先先说明下vue-cli的assets和static的两个文件的区别，因为这对你理解后面的解决办法会有所帮助 assets:在项目编译的过程中会被webpack处理解析为模块依赖，只支持相对路径的形式，如< img sr...
前言 webpack是模块加载器+打包工具的集大成者。开发React堪称利器，jsx语法、es6，混淆、模块加载都很智能且功能强大，但是对于css、图片的加载器还不是像grunt/gulp那么丰富易于修改编辑，功能上略微不是那么方便，例如css中的图片地址修改或是需要替换cdn路径，图片压缩在webpack下修改极为不方便。所以用webpack模块加载编译...
1.前言 如果我们希望在页面引入图片（包括img的src和background的url）。当我们基于webpack进行开发时，引入图片会遇到一些问题。 其中一个就是引用路径的问题。拿background样式用url引入背景图来说，我们都知道，webpack最终会将各个模块打包成一个文件，因此我们样式中的url路径是相对入口html页面的，而...
1-pc端与移动端 PC下，html在默认情况下以可视区域宽度为基准。移动设备没有适配时，html宽度为980. 2-1像素还原 获取像素比： window.devicePixelRatio 计算缩放比：1 / window.devicePixelRatio 3-单位 px：固定值，绝对单位；%：相对单位；em：相对单位，相对于自身或者父级元素字体大小计...
文章原文： https://www.cnblogs.com/yalong/p/15211975.html 缓存对于前端性能优化来说有极大好处，这里总结下目前感觉还不错的缓存策略 一. 静态资源启动gzip压缩 这里不是在server端开启gzip, 而是在 webpack 打包的时候把静态资源进行gzip压缩，大大减轻了服务器压缩gzip的压力,大大减少传...
webpack.config.js 配置 var ExtractTextPlugin = require("extract-text-webpack-plugin"); var CommonsChunkPlugin = require("webpack/lib/optimize/CommonsChunkPlugin"); var AssetsPlugin...
目录 Webpack + Vue 搭建开发环境及打包安装 ------- 打包渲染进程 Electron + Webpack 搭建开发环境及打包安装 ------- 打包主进程 Electron + Webpack + Vue 搭建开发环境及打包安装 ---- 打包electron应用 二、打包主线程 1. 项目目录结构 首先创建一个项目文件夹...
方法1 vscode中全局搜console 然后替换掉就行了（空格替换调） 方法2：webpack打包时去除，适合Vue项目 在webpack.prod.conf.js里面的plugins里面加上 drop_debugger: true, drop_console: true...