webpack的搭建和使用

1.创建文件，比如app

2.在文件下创建dist文件夹和src文件夹和webpack.config.js文件，

3.使用命令npm init -y初始化文件

4.cnpm i webpack webpack-cli -D

5.cnpm i --save-div webpack webpack-cli -D

6.cnpm i webpack-dev-server -D

7.安装html-webpack-plugin --save-dev

8.在webpack.config.js文件中导入

　　var HtmlWebpackPlugin = require('html-webpack-plugin);

9.//创建一个插件的实例对象
　　const htmlPlugin = new HtmlWebPackPlugin({
　　template:path.join(__dirname,'./src/index.html'), //源文件
　　filename:'./index.html' //内存中首页名称
　　})
　　module.exports = {
　　mode:'development',
　　plugins: [
　　htmlPlugin
　　]
　　}