七元八元

1. 模块化 ES6 module 用法：import 和 export import是编译时调用（import具有提升效果，会提升到模块的头部） CommonJS 用法： require 和 exports，CommonJS是Node的模块化规范。 module 代表当前模块，是一个对象，保存了当前模块的信息。exports 是模块内的私有局部变量，它只是指向了 module.exports，所以直接对 exports 赋值是无效的 require是运行时加载整个模块（只有运行时才能得到这个对象

文件目录结构如图： package.json 依赖信息 "devDependencies": { "@babel/core": "^7.12.3", "babel-cli": "^6.26.0", "babel-preset-env": "^1.7.0", "gulp": "^4.0.2", "gulp-babel": "^7.0.1", "gulp-clean": "^0.4.0", "gulp-clean-css": "^4.3...

gulp 打包后的文件上传至服务器 下载： npm install -D gulp-sftp-up4 gulp-ssh package.json: "scripts": { "server-dev": "cross-env NODE_ENV=dev gulp default }, const { task, src, series } = require('gulp'); const sftp = require('gulp-sftp-up4'); const devConfig = { ..

1 . 减少 Webpack 的打包时间的方法 优化 Loader 的文件搜索范围 只在 src 文件夹下查找 include: [resolve('src')], 还可以将 Babel 编译过的文件缓存起来，下次只需要编译更改过的代码文件loader: 'babel-loader?cacheDirectory=true' HappyPack 可以将 Loader 的同步执行转...