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

it2026-03-06  5

安装

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
最新回复(0)