Webpack4.17.2常用命令

基本安装：
npm init
npm install webpack webpack-cli -D
(webpack-cli工具用于在命令行中运行webpack)
(init用于创建package.json文件)
(-D等价于–save-dev；也可用–save将依赖存储在”dependencies”中)
(之后还需调整package.json文件，以便确保我们安装包是私有的private，并且移除main入口以防止意外发布代码)

加载CSS：
npm install –save-dev style-loader css-loader
(CSS加载器)

加载图片：
npm install –save-dev file-loader
npm install –save-dev url-loader
(文件加载器)
(推荐使用url-loader)(也用于加载字体)

加载CSV、TSV和XML：
npm install –save-dev papaparse
npm install –save-dev csv-loader xml-loader

设定HtmlWebpackPlugin：
npm install –save-dev html-webpack-plugin
(自动生成HTML页面文件，可设置需要导入的js文件)

自动清理结果文件夹：
npm install clean-webpack-plugin –save-dev

使用webpack-dev-server：
npm install –save-dev webpack-dev-server
(提供了一个简单的web服务器，并且能够实时重新加载live reloading)

使用webpack-dev-middleware：
npm install –save-dev webpack-dev-middleware
(npm install –save-dev express)

使用webpack-merge：
npm install –save-dev webpack-merge
(可用于分离不同webpack配置文件中的公有部分)

分离CSS：
npm install –save-dev extract-text-webpack-plugin@next
(可能无效)

注：每条命令运行后，都需要到配置文件中进行相应的配置，默认的配置文件为webpack.config.js。