Bundler(Webpack-03. plugins)
1. 개발서버 open
01. html-webpack-plugin package 설치
npm i -D html-webpack-plugin
npm i -D html-webpack-plugin
02. 구성파일에 추가
// import
const path = require("path");
const HtmlPlugin = require("html-webpack-plugin");
// export
module.exports = {
// 파일을 읽어들이기 시작하는 진입점 설정
entry: "./js/main.js",
// 결과물(번들)을 반환하는 설정
output: {
// path: path.resolve(__dirname, "dist"),
// filename: "main.js",
clean: true,
},
// 번들링 후 결과물의 처리 방식 등 다양한 플러그인들을 설정
plugins: [
new HtmlPlugin({
template: "./index.html",
}),
],
// 개발 서버를 오픈할 때 동작시킬 수 있는 명령어
devServer: {
host: "localhost",
},
};
03. 실행
npm run dev
Author And Source
이 문제에 관하여(Bundler(Webpack-03. plugins)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@ansalstmd/BundlerWebpack-03.-plugins저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)