webpack4 学习 (多插件实现,包含测试及打包后服务器的运行)

learn-webpack

学习webpack

环境

node 8.9.1
npm 5.7.1
webpack 4

script

开发模式 - npm run dev
打包 - npm run build
运行打包后的文件 - npm run server

实现
  1. 多入口 html - 配置入口 config/entry.json
  2. base64 处理limit限制以下的图片
  3. css预处理
  4. dev模式下热重载
  5. babel-loader 转es5
  6. image-webpack-loader 压缩图片
  7. SplitChunksPlugin 提取公共js
  8. postcss-loader 自动增加css3前缀
  9. html-withimg-loader 增加html识别图片路径
  10. 分类css img js 到不同的文件夹中

github传送门

你可能感兴趣的:(webpack4 学习 (多插件实现,包含测试及打包后服务器的运行))