前端自动化构建webpack：构建一个用common.js模块化编写的的简单项目

第一步：安装最新版node环境

第二步：全局安装最新版npm

第三步：创建一个项目文件夹

第四步：初始化项目

npm init -y

第五步：在项目中安装webpack和webpack-cli

npm install webpack webpack-cli --save-dev

第六步：在项目中安装插件css-loader和style-loader

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

第七步：安装图片，字体处理插件

npm install --save-dev file-loader

第八步： 安装用于每次build后自动修改html文件中的js等资源的url的插件。但最好不要使用，因为每一次build都会将你的html文件替换。

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

第九步：安装每一次build前将dist目录清空的插件。

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

第十步：安装自动刷新的插件

 

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