
webpack
文章平均质量分 94
开心大表哥
高级前端开发进阶版
展开
-
人人都是webpack使用者,小白从入门到精通秒变大神
什么是WebPack,为什么要使用它? 因为别人都在用,我不会用怎么跟他们一起装逼?别人说的这些是什么,我根本不懂:类似gulp把自己定位为stream building tools一样,webpack把自己定位为module building system。 在webpack看来,所以的文件都是模块,只是处理的方式依赖不同的工具而已。webpack同时也把node的IO和modu...原创 2018-07-05 18:27:18 · 1509 阅读 · 5 评论 -
从0到1架构webpack+vue前端项目,你自己搭建过vue开发环境吗
前言:作为一个小白,我们经常会迷惘webpack+vue项目究竟要怎样的呢?本次的文章就是为了解答这个问题的,跟着本文的思路你可以很轻易和明白一个简单的webpack+vue项目是怎样构建和运行起来的。源码地址成果图: 图中左边是项目效果,右边是源码。 下载源码后 1.安装必要的组件:npm ii是install的简写啦,我一不小心又开始装B了。。。。2.运行项目...原创 2018-07-07 00:06:04 · 3865 阅读 · 10 评论 -
vue使用moment.js经webpack打包后超级大的原因和解决方案
Moment.js 是一个 JavaScript 日期处理类库,用于解析、检验、操作、以及显示日期,使用起来十分方便。但是它经过webpack打包之后会变得十分的大。我们做一下对比:测试版本:“moment”: “^2.17.1”,没import moment from 'moment';前webpack打出来的index.js包:js/chunk/index/index.eb9cbc...原创 2019-01-29 15:34:21 · 7596 阅读 · 4 评论 -
全栈式开发,前端工程化,以nodejs,eggjs为服务器语言,mysql为数据库,vue,vuex,wangeditor,i18n,webpack前端架构服务器端渲染ssr支持seo的博客网站
前言下面介绍本人开发的个人博客,希望通过开源的方式一起学习和进步!1. 背景该项目为一个学习型的博客网站案例,毕竟每个it工程师都想有一个自己的博客嘛,适合初中级前端工程师;项目已经部署在阿里云上,已经比较完整了,本地下载代码和安装好对应的环境,运行即可以获得线上的效果。由于项目涉及到服务器端而且用了数据库作为存储工具,架构用了eggjs和easywebpack所以首次运行的步骤比较繁琐,还...原创 2019-05-29 19:35:20 · 818 阅读 · 3 评论 -
vue源码分析系列:用sourcemap调试源码
由于前几篇文章是用vue-cli直接分析的,今天我们学习直接调试vue源码。安装vue(mac机)1.在GitHub上克隆官方的vue-地址2.安装依赖npm install修改vue项目1.在package.json script dev 增加--sourcemap指令"dev": "rollup -w -c scripts/config.js --environment TARGE...原创 2019-06-12 11:49:36 · 10623 阅读 · 5 评论