webpack 打包工具
webxiaoma
学习it,喜欢it
展开
-
webpack的基础用法
如果你是作为前端的一员,可能你对webpack 并不陌生。它可以将很多如js,css,图片等打包成模块,正应了一切皆模块。当我们在写ES6的某些新语法是=时,有些浏览器可能不支持,这是我们可以利用webpack 去和babel 去将其转化为现在浏览器识别的代码。但是如果你刚接触webpack, 可能学习起来对一些概念可能不是很理解,去官网看有时候长篇大论的文档让人很蒙圈,网上搜索,出来的结果让人难懂原创 2017-06-21 18:30:59 · 766 阅读 · 0 评论 -
webpack 插件 plugin
最近将自己看过的过使用过的webpack 插件来总结一下一、html-webpack-plugin 插件文档: https://github.com/jantimon/html-webpack-plugin#configuration 作用::编译后,改变我们html文件中引的旧js名字 用法:npm install --save-dev html-webpack-pluginwebpack.c原创 2017-08-08 13:44:25 · 691 阅读 · 0 评论 -
webpack 各种babel 转码
今天总结一下webpack 各种转码工具 的操作方法。一、基本命令: webpack // 最基本的启动webpack的方法 webpack -w // 提供watch方法;实时进行打包更新 webpack -p // 对打包后的文件进行压缩 webpack -d // 提供source map,方便调式代原创 2017-08-01 18:30:22 · 1965 阅读 · 0 评论 -
webpack4 系列文章
初始篇 配置篇 处理ES6 处理CSS 处理静态资源 处理目录文件 使用 DevServer 使用 Vue 用 React 实现懒加载 提取公共模块 编写 Plugins 编写 Loader ...原创 2018-09-26 11:27:36 · 349 阅读 · 0 评论