英文原站 英文官方网站
中文翻译 国人不错，已经有了易读的中文站
照着中文站一步一步操作，就可以，我这里之是做个笔记。
本以为是做个笔记，可做到一半觉得自己像个笑话。
第一步：初始化一般项目所需
# 创建项目目录 & 并进入目录
mkdir webpack-demo && cd webpack-demo
# 初始化package.json文件
npm init -y
# 本地安装webpack，不建议-g全局安装，这样每个项目的版本都可以单独控制（官方这么说，不知道我有没有理解错）
npm install --save-dev webpack
# lodash 是一个具有一致接口、模块化、高性能等特性的 JavaScript 工具库，我没用过
npm install --save lodash
# 安装style、css、file的 loader
npm install --save-dev style-loader css-loader
npm install --save-dev file-loader
# 管理输出内容
npm install --save-dev html-webpack-plugin
# 清理dist目录
npm install --save-dev clean-webpack-plugin
- 图像压缩优化：image-webpack-loader 和 url-loader
- 其他数据支持：csv-loader 和 xml-loader
- 模板重新生成：html-webpack-template
- webpack-manifest-plugin
第二步：放弃webpack
Version: webpack 3.7.1
第一步的那些东西，看上去都很美好。
然而官方文档指引的自动编译参数 "watch": "webpack --progress --colors --watch",
在设置之后无论如何也无法自动编译，找了各种答案也换了4个编辑器，统统不行。
花了1个小时没有解决，我是个没有耐心的用户，然后搜到知乎的文章《前端构建工具webpack有什么缺陷？》里的人说webpack各种坑
作为非专业前端，只是想了解一下的我来说，不打算继续了。
总体感觉：
- 思路很好，但想得太多；
- 太深太大，学习成本高；
我是不是太容易放弃一个东西了... 哈哈哈
网友评论