>> Tutorial Webpack for Beginners
1. Install Webpack
npm init
npm install webpack --save-dev
2. Using webpack
// index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Webpack</title>
</head>
<body>
<div id="body-content">
<div class="intro-component">
<h1>CSS Loaders are Awesome</h1>
</div>
</div>
<script src="./bundle.js"></script>
</body>
</html>
// script-1.js
// Welcome Component JS
var message = require('./script-2');
require('./css/introComponent.scss');
// script-2.js
const mssg = "tempus fugit";
module.exports = mssg;
* running webpack
webpack script-1.js ./bundle
=> output file bundle.js using in index.html
>> Tutorial Webpack for Beginners
Thank you.
No comments:
Post a Comment