随笔分类 - webpack
摘要：Babel默认只是转换新的语法（简单转换语法糖），如箭头函数等，但不会转换新的API，如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象，以及一些定义在全局对象上的方法，例如Object.assign，因此我们需要polyfi
阅读全文
摘要：测试所用的配置文件: const path = require('path'); const HtmlWebpackPlugin= require('html-webpack-plugin'); const CleanWebpackPlugin = require('clean-webpack-pl
阅读全文
摘要：前期准备: const path = require('path'); const HtmlWebpackPlugin= require('html-webpack-plugin'); const CleanWebpackPlugin = require('clean-webpack-plugin'
阅读全文
摘要：webpack-dev-server启动了一个使用express的Http服务器，这个服务器与客户端采用websocket通信协议，当原始文件发生改变，webpack-dev-server会实时编译。 这里注意两点: 1.webpack-dev-server伺服的是资源文件，不会对index.htm
阅读全文
摘要：1.设置多个入口起点 多用于提取公共类库 a、利用commonChunkPlugin 这样就能生成librarys.js，包含jquery与angular，但值得注意的是会连同公共类库一起打包 b.利用external提取公共类库（推荐方法） 注意这里使用的是使用全局变量的方式，所以得手动在inde
阅读全文
摘要：假设有main1、main2两个入口文件，main引入chunk1、chunk2，main2引入chunk1 改变chunk2 main1的chunkhash改变，main2不发生改变 main再引入chunk3，main1与main2的chunkhash都改变 因为module.id会根据默认的解
阅读全文
摘要：在使用webpack时，主要有三种代码类型: 1.你或你的团队写的源码 2.第三方library或vendor代码 3.管理模块交互的runtime和manifest 什么是manifest文件? 通常我们使用时不会生出manifest文件，manifest文件混杂在我们生成的代码中 它包含三个主要
阅读全文
摘要：webpack是一个插件架构，所有功能都以插件的形式集成在构建流程中，并通过发布订阅事件来触发各个插件的执行。 核心类是Tapable，用它来实现插件的实例化及挂载。 optimist是node的工具库，根据webpack.config.js及shell options生成option，option
阅读全文
摘要：loader将各类型的文件转为webpack能处理的有效模块（module） 插件处理范围更广的任务，例如打包优化、压缩等 module程序的离散功能块，一个文件对应一个module chunk若干module打成的包，对应入口文件，一般生成一个文件 compiler创建compilation，启动
阅读全文
摘要：optimist是一个node库，将webpack.config.js与shell参数整合成options对象 options对象包含之后构建的重要信息，类似于webpack.config.js webpack初始化: 构建compiler对象；初始化基本插件，把options对应的选项进行requ
阅读全文
摘要：cross-env能跨平台地设置及使用环境变量 大多数情况下，在windows平台下使用类似于: NODE_ENV=production的命令行指令会卡住，windows平台与POSIX在使用命令行时有许多区别（例如在POSIX，使用$ENV_VAR,在windows，使用%ENV_VAR%。。。）
阅读全文
摘要：起初我认为这是ES6或者Webpack的语法，但查阅相关API后并没有相关说明，通过进一步地搜索，才知道这是Node模块系统的约定和实现（Webpack打包工具是兼容node模块系统的，自然遵守相关规则） 当require/import 的模块不是核心模块，或./"这样的相对路径，就会从当前pack
阅读全文
摘要：name 必填 应用名称 version 必填 应用版本 description 选填 应用描述，多用于搜索，在npm search 时可以用到 keywords 选填 应用关键字，也多用于搜索 scripts 可选 这是一个对象，key为生命周期事件名，value是具体指令 如上: npm run
阅读全文
