webpack 开发必备包总结

使用原则:

运行时需要用到的包使用–save，否则使用–save-dev。

webpack webpack-cli

npm install --save webpack webpack-cli

加载 CSS

npm install --save-dev style-loader css-loader

加载图片/文件,加载字体

npm install --save-dev file-loader

加载数据

如 JSON 文件，CSV、TSV 和 XML。类似于 NodeJS，JSON 支持实际上是内置的，也就是说 import Data from './data.json' 默认将正常运行。要导入 CSV、TSV 和 XML，你可以使用 csv-loader 和 xml-loader。让我们处理这三类文件：

npm install --save-dev csv-loader xml-loader

HtmlWebpackPlugin

npm install --save-dev html-webpack-plugin

清理

npm install clean-webpack-plugin --save-dev

简单的 web 服务器

npm install --save-dev webpack-dev-server

webpack-dev-middleware 中间件

npm install --save-dev express webpack-dev-middleware

去重代码

npm install --save-dev webpack-merge