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 // @flow function 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.js exports.foo = done => { console.log('hello gulp') done() // 任务完成 目前的 gulp 只支持 异步的任务，也就是说，一定要执行 这个 done } yarn gulp foo const { series, parallel } = require('gulp') const task1 = done =...