NodeJs學習筆記 - webpack生成預覽頁面

安裝插件

$ npm install html-webpack-plugin -D

修復配置 webpack.config.js

// 導入生成預覽頁面插件得到構造函數
const HtmlWebpackPlugin = require('html-webpack-plugin') 
// 創建插件的實例對象
const htmlPlugin = new HtmlWebpackPlugin({ 
	template: './src/index.html', // 指定源文件
	filename: 'index.html' // 指定生成的目標文件（存在於內存中）
});

module.exports = {
	......
	plugins: [ htmlPlugin ] // 打包時會用的插件
	......
}

打包運行

$ npm run dev

訪問 http://localhost:8080/ 可以直接看到效果了