webpack基本使用——配置生成预览页面

安装

npm install  html-webpack-plugin -D

修改webpack.config.js

const HtmlWebpackPlugin = require('html-webpack-plugin');//导入插件
const path = require('path');
//创建插件实例对象
const htmlPlugin = new HtmlWebpackPlugin({
template:'./src/index.html',//指定显示首页
filename: 'index.html'//指定名称，该文件存于内存中，目录中并不显示
})
module.exports = {
  mode: 'development',
  entry: path.join(__dirname, './src/index.js',
  output: {
    path: path.join(__dirname, './dist'),
    filename: 'bundle.js'
  },
  plugins: [htmlPlugin]//plugins数组是webpack打包时用到的插件列表
};

执行

npm run dev