npm init -y
Create a folder called src and add an empty index.js file. The code that webpack compiles goes in here including any Javascript modules and the main Tailwind file.
{ | |
"presets": ["es2015"], | |
"plugins": ["transform-runtime"] | |
} |
{ | |
"type": "module", | |
"dependencies": { }, | |
"devDependencies": { | |
"webpack": "^5.87.0", | |
"webpack-bundle-analyzer": "^4.9.0", | |
"webpack-cli": "^4.10.0", | |
"webpack-dev-server": "^4.15.1", | |
}, |
Welcome to step by step hands-on guide to setup webpack in your upcoming typescript project. Please follow the steps and you should be able to create your own webpack project. Please download the source code from github.
You will learn below things:
webpack.config.js
file and modify webpack.config.js based on our need.{"name":"Angular","settings":"{\"settings\":\"{\\r\\n \\\"tabnine.experimentalAutoImports\\\": true,\\r\\n \\\"editor.linkedEditing\\\": true,\\r\\n \\\"cSpell.userWords\\\": [\\r\\n \\\"Additionals\\\",\\r\\n \\\"apexcharts\\\",\\r\\n \\\"APPDATA\\\",\\r\\n \\\"aspnet\\\",\\r\\n \\\"aspnetcore\\\",\\r\\n \\\"detailscontainer\\\",\\r\\n \\\"devkit\\\",\\r\\n \\\"ecommerce\\\",\\r\\n \\\"fontawesome\\\",\\r\\n \\\"fortawesome\\\",\\r\\n \\\"Informations\\\",\\r\\n \\\"keenicon\\\",\\r\\n \\\"metronic\\\",\\r\\n \\\"ngfactory\\\",\\r\\n \\\"nguniversal\\\",\\r\\n \\\"nouislider\\\",\\r\\n \\\"popperjs\\\",\\r\\n \\\"prestart\\\",\\r\\n \\\"prismjs\\\",\\r\\n \\\"Progressbar\\\",\\r\\n \\\"recalc\\\",\\r\\n \\\"regionmanager\\\",\\r\\n \\\"socicon\\\",\\r\\n \\\"speak\\\",\\r\\n \\\"Swal\\\",\\r\\n \\\"sweetalert\\\",\\r\\n |
make download resumable using c#
Resuming files is done by specifying the byte range of the file you would like to download using the Range HTTP header. This can be done in .NET with the HttpWebRequest.AddRange function.
For example:
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8" /> | |
<meta name="author" content="Aalaap Ghag" /> | |
<title>Twitter’s Bootstrap with Ryan Fait’s Sticky Footer and Aalaap Ghag’s Responsive Padding Fix</title> | |
<link rel="stylesheet" href="css/bootstrap.min.css" /> | |
<link href="css/bootstrap-responsive.css" rel="stylesheet"> | |
<style> | |
html, body { |