小辣抓

1.为什么我们需要webpack现代webapp开发自然离不开模块化的开发，现代mvvm框架，诸如angular, vue, react 让前端掀起了MVC的浪潮，所以，我们迫切的需要一个前端自动化构建的工具，用来做代码压缩，合并，打包等一系列的自动化的操作，在这之前比较流行的是grunt和gulp，自webpack初出头角之后，就收获了大量的关注。无疑，webpack将是前端自动化构建必不可少的工

在webpack配置webpack.config.js里会经常会遇到需要对一种类型的文件加载多个loader，比如加载一个css样式文件。我们需要 css-loader style-loader如果不用webpack.config.js配置的话，我们在单独的文件中直接这样写是没有问题的，假如我要加载一个当前目录下的css文件 es6import * as main-css from '!styl

webpack 插件之Html-Webpack-Plugin1. 为什么我们需要这个插件先来看一个应用场景。 我们自己打算搭建一个网站，这个网站有很多个页面，我们为每个页面创建一大堆的css样式，js脚本，然后尝试用webpack进行打包。于是我们在webpack.config.js里这样写了：const path = require('path');module.exports = {

webpack 如何优雅的使用tree-shaking1.什么是tree-shakingwebpack 2 的到来带来的最棒的新特性之一就是tree-shaking 。tree-shaking源自于rollup.js，先如今，webpack 2也有类似的做法。webpack 里的tree-shaking的到来不得不归功于es6规范的模块。为什么这么说，如今的前端模块规范很多，比较出流行的比如comm

原文链接：https://segmentfault.com/a/1190000004577578 这篇主要介绍一下我在玩Webpack过程中的心得。通过实例介绍WebPack的安装，插件使用及加载策略。感受构建工具给前端优化工作带来的便利。 曾几何时我们的JS是这样引入页面的曾几何时，我们是如上图的方式引入JS资源的，相信现在很少遇见了。近年来Web前端开发领域朝着规范开发的方向演进。体现在