关于webpack

使用webpack已有大半年,从webpack 1.0直到4.0,都有尝试过,每次升级都比较痛苦,今天梳理一下不同点

webpack 1.0

webpack是现如今非常流行、易用语义化很明显的打包压缩工具,废话不多说,直接上代码(会有明确的注释)。
PS：react使用的是CommonJS模块化语法

const webpack = require("webpack"),
    //对于路径管理的外部依赖包
    path = require("path"),
    //自动添加css扩展头以兼容低版本浏览器的外部依赖包
    autoprefixer = require("autoprefixer"),
    //处理打包css的webpack plugin插件
    ExtractTextPlugin = require("extract-text-webpack-plugin"),
    //处理打包html的webpack plugin插件
    HtmlWebpackPlugin = require("html-webpack-plugin");

const PUBLIC_DIR = "/",
    //路径巡航,先进入webpack文件所在的路径,然后再进入根路径,我这里是把webpack配置文件放在了根路径底下的一个文件夹里面
    ROOT_DIR = path.resolve(__dirname, "../")