webpack4 自学笔记一（babel的配置）

【webpack4 自学笔记一（babel的配置）】的更多相关文章

webpack4 自学笔记一（babel的配置）

所有代码都可以再我的github上查看,每个文件夹下都会有README.md,欢迎star: https://github.com/Jasonwang911/webpackStudyInit/tree/master/babel 1. webpack4对UglifyJsPlugin进行了改变,在配置文件(默认为webpack.config.js)或者package.json的执行脚本 "script"中需要指定环境,默认 mode 环境为 production 为压缩代码,配置环境中需要…

webpack4 自学笔记二（typescript的配置）

全部的代码及笔记都可以在我的github上查看, 唤醒star: https://github.com/Jasonwang911/webpackStudyInit/tree/master/typescriptConfig 1. TS: js的超集 tslang.cn/typescriptlang.org 2. typesscript-loader 有两个 ts-loader 官方维护 awesome-typesctipt-loader 个人维护,运用了缓存,速度更快 3. 配置在 tscon…

webpack4 自学笔记三（提取公用代码）

全部的代码及笔记都可以在我的github上查看, 欢迎star:https://github.com/Jasonwang911/webpackStudyInit/tree/master/commonThunk 1. 提取公用代码的作用: 减少代码的冗余提高用户的加载速度单页面减少下载,多页面可以使用缓存 2. webpack3.0 中的 commonsChunkPlugin 插件 webpack的内置插件 webpack.optimize.CommonsChunkPlugin 配置项:…

webpack4 自学笔记四（style-loader）

全部的代码及笔记都可以在我的github上查看, 欢迎star:https://github.com/Jasonwang911/webpackStudyInit/tree/master/css 引入--loader style-loader: 创建一个style标签 style-loader/url: 在html中插入一个link标签(配合file-loader使用),一个很小众的功能,会把每个import的css都处理成一个link标签,造成加载资源的增加,不利于优化 file-loader:…

Webpack4 学习笔记六多页面配置和devtool

webpack 多页配置 webpack可以配置单页应用, 也可以配置多页应用. 区别在于, 单页应用entry入口只有一个, 而多页应用入口有多个 webpack配置: const path = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') module.exports = { mode: "development", entry: { home: './src/home.index'…

webpack4 自学笔记五（tree-shaking）

全部的代码及笔记都可以在我的github上查看, 欢迎star: https://github.com/Jasonwang911/webpackStudyInit/tree/master/ThreeShaking Three Shaking : 删除冗余代码,常规优化和引入第三方库 JS Three Shaking webpack在2.0以后会标识多余代码 webpack.optimize.uglifyJS 来移除这些被标识的代码 npm run pord 才开启tree shakingnp…

Hadoop自学笔记（五）配置分布式Hadoop环境

上一课讲了怎样在一台机器上建立Hadoop环境.我们仅仅配置了一个NHName Node, 这个Name Node里面包括了我们全部Hadoop的东西.包括Name Node, Secondary Name Node, Job Tracker, Task Tracker,这一课解说怎样把上述配置放到不同机器上.从而构建一个分布式的hadoop配置. 1. hadoop分布式安装概览 a) 2-10个nodes:Name Node, Job Tracker, Secondary Name Node…