开箱即用的多页面webpack脚手架 最近接手一个新项目,公司官网,官网为了对爬虫友好,不合适做单页面,更不大适合用react,vue这样的框架。本来觉得几个简单的页面还需要配置webpack挺麻烦,直接ES5,css,…
标签:webpack
webpack在前端项目中使用心得一二
webpack做文件合并 使用构建工具非常常用一个功能就是合并js和css文件,gulp和grunt都是编写相应的任务来完成,转到webpack突然懵逼了,简单的项目怎么做文件合并呢?其实只需把多个js文件同时引入到ma…
在TypeScript项目中像PHP一样使用魔术变量
PHP 当中有许多很有用的魔术变量, 比如__CLASS__, __METHOD__之类. 但是typescript中并没有. 因此我写了一个插件typescript-magic-variable-plugin来使用它们…
vue-cli新建的项目webpack设置涉及的大部分插件整理
portfinder 用来检测未占用的端口更多看这里: https://www.npmjs.com/package/portfinder webpack-merge 用来合并多个webpack设置,也可以合并对象更多看这…
从零开始的webpack生活-0x014:CustomLoader自定义loader
0x001 概述 上一章我们讲了eslint-loader的配置,常用类型的常用loader已经都讲完了,大体上其他的都大同小异,需要去各大loader的官方查阅用户手册就可以了。接下来将loader的本质和自定义loa…
vue-cli中设置webpack系列文章五 ------ webpack.base.conf.js
webpack.base.conf.js var path = require('path') var utils = require('./utils') var config = require('../config…
利用babel(AST)优雅地解决0.1+0.2!=0.3的问题
前言 你了解过0.1+0.2到底等于多少吗?那0.1+0.7,0.8-0.2呢? 类似于这种问题现在已经有了很多的解决方案,无论引入外部库或者是自己定义计算函数最终的目的都是利用函数去代替计算。例如一个涨跌幅百分比的一个…
[译] 通过 Webpack 实现 AngularJS 的延迟加载
原文链接:http://michalzalecki.com/lazy-load-angularjs-with-webpack/ 随着你的单页应用扩大,其下载时间也越来越长。这对提高用户体验不会有好处(提示:但用户体验正是…
typescript 2.9.x +webpack 4.16.x + react 16.4.x
typescript 2.9.x +webpack 4.16.x + react 16.4.x 从零开始,配置简单可自由更改,按需加载antd 3.8的组件,包括样式前言: 由于网上找不到typescript结合reac…
基于React和Webpack的Optimize小技巧
公司项目采用使用React16+Webpack3+Graphql来作为技术构建,在图像等方面上使用七牛;下面是本人将会围绕当前技术来进行优化的体验,理解和使用到的都不算特别复杂,但是点比较多,可能可以启发一下; Reac…
webpack实践笔记(二)---增加 loaders
webpack实践笔记(二)— add loaders [源码地点]:( https://github.com/silence717… ) 本篇文章基于分支step2,切换分支:git check…
webpack按需加载之react实践
加载项目时,不管那些代码有没有执行到,都会下载下来。如果说,我们只下载我们需要执行的代码话,那么可以节省相当大的流量。也就是我们所说的按需加载,这对于大型项目是相当有用的。 基本使用 webpack官网有详细的介绍,这里…