dongcehao的博客

最近发现了 自己在 webpack 方面知识的薄弱，正好 手里 有个 打包 两分多 的项目，就用这个项目练练手由于 该项目的 webpack 版本 是基于 3.6.0 的1、多进程 打包 压缩const HappyPack = require('happypack');module: { rules: [ ... ...

通过 程柳峰 老师的 视屏学习 webpack，这里记录一下 关于 webpack 的学习笔记1、npm run build 发生了什么会 从 node_module/.bin 中查找 webpack.cmd 查找 webpack-cli 或者 webpack-commond 是否安装 没有的话，就会 提示进行安装，如果安装了 一个，则正常运行，如果 装了两个，提示删掉一个 分...

真的只是简单学习，简单地记录1、安装 以及开始使用在当前的目录执行yarn add flow --dev接着 在 要检查的文件上 添加关键字// @flow// @flowfunction sum(a: number, b: number) { return a + b}sum(100, 100)sum('100', '100')然后执行初始化yarn flow init执行校验yarn flow要注意的是，这一块需要取消.

brower-sync"serve":"brower-sync .""scripts": {"build": "sass scss/main.scss css/style.css","preserve": "yarn build","serve": "brower-sync"},"scripts": {"build": "sass scss/main.scss css/style.css --watch","serve": "brower-sync","s...

经常会有人问我，前端的脚手架到底是什么东西？我一般也只能泛泛而谈，把对方拉到比我低的水平，然后一本正经的编点东西....1、脚手架是一种约定和规范相同的文件组织结构 相同的开发范式 相同的模块依赖 相同的工具配置 相同的基础代码 然后脚手架 将这些 重复性的东西全部都集成起来，减少这样无意义的操作就像在 flutter new project 中，自动生成的 文件目录，文件结构，就是脚手架的一种，而 vue-cli ，react-create-app 也是脚手架的一种.

export default function count (a, b) { return a + b}import number from './number'export default function add (a, b) { return number(a, b);}// add('100', '900')(function webpackUniversalModuleDefinition(root, factory)...

yarn add gulp --dev在根目录创建一个 gulpfile.jsexports.foo = done => { console.log('hello gulp') done() // 任务完成 目前的 gulp 只支持 异步的任务，也就是说，一定要执行 这个 done}yarn gulp fooconst { series, parallel } = require('gulp')const task1 = done =...