Kapalı

Teach me to organize\build my code with webpack and vscode

I am building the following site: cookiecad.com. There are a number of JS and CSS files and I would like to build and minify them properly using webpack. I would like you to help me learn how to do that properly so that my project is well organized but still allows me to debug.

1) Teach me the steps to build my project with webpack (or similar tool) as I code it in VSCode.

2) I need to understand how it will work while I code in VSCode. If I edit the source files, how do I then build them so I can preview.

3) I need to be able to easily view a live preview from a dev server on my machine. I've been using "live preview" extension in vscode but I am fine switching to something else like webpack dev server or lite server.

4) I would like to understand how you debug scripts that have been built. If the browser is running the build version of the script and shows an error on a line of code - how do you find the corresponding lines of code in your source files (which would have different line numbers)?

5) Teach me how to build the code for development and production. I assume during development you do not do things like minify the code but when building for production you do. I also want to

6) Help me set up webpack to add version numbers or content hashes to the output files.

7) Help me set up webpack to use absolute HTTP paths when building the site for production

7) Help me to actually bundle and minify / reduce the number of JS files in my project.

Please only bid on this project if you have extensive experience managing projects with webpack (or similar) and visual studio code (VSCode) and are very familiar with building and debugging with webpack and vscode. Please mention your experience and that you've looked at my website in your bid so I know you've read this.

Thank you!

Beceriler: Javascript, Web Development, node.js

Daha fazlasını gör: build code original, build code editor richtextbox, build code javascript textarea, build code qbit system gaf profile, twitter build code php, build code grabber, build code elastix, organize html code, how to organize html code, how hard is it to teach yourself to code, how to organize r code, teach kids to code, teach ai to code, python code formatter vscode, how to organize matlab code, see https electron build code signing, code runner vscode, how to organize julia code, best way to organize javascript code

İşveren Hakkında:
( 3 değerlendirme ) valley cottage, United States

Proje NO: #22408425

Bu iş için 21 freelancer ortalamada $21/saat teklif veriyor

dreamci

Hi there We are top quality full-stack developers and we are ready to work on this project, we use Version Control Systems, Staging Servers, Team Slack Channel and Task Management Tool Please check my profile and mes Daha Fazla

$40 USD / saat
(72 Değerlendirme)
8.2
seekdeveloper

Hi, I have read your post and understood your requirement. Looking for the freelancer to work on your next project? Or just need some issues/bugs/fixes ASAP? I have 11+ years of experience and I'm here for you! My sk Daha Fazla

$25 USD / saat
(25 Değerlendirme)
7.9
flance9

Hi there, Thank you for sharing your requirement. Hope you are doing good and having a nice day. We are a team of technocrats having 8+ years of experience in Web and Mobile design plus development and primarily deal Daha Fazla

$21 USD / saat
(34 Değerlendirme)
6.8
sapotacorp

Hi sir, We are highly interested to work for you. We have finished 14 node.js projects. Example: [login to view URL], [login to view URL], gnetentertainment.com. Best regards, Michael

$18 USD / saat
(58 Değerlendirme)
6.6
tangramua

Dear Sir, Your project is easy for our experts. We have a huge experience in JavaScript, HTML, Windows Server, MySQL, System Admin, Software Architecture, and Network Administration, so we can do this for you. Our tea Daha Fazla

$25 USD / saat
(18 Değerlendirme)
6.3
nisharapath

Hello. As an Angular, React, Vue, node.js, Python and Django expert, I am glad to place the bid on your project. As you can see in my profile, I am fully experienced and lots of skills in web development. I want to dis Daha Fazla

$20 USD / saat
(37 Değerlendirme)
6.1
adeelpirzada

Hello, I am a Full Stack Lead Developer with a Decade of Experience with strong Expertise in Nodejs , ReactJs and Angular using Mysql or MongoDB. I have comprehensively developed social media, shopping carts, produ Daha Fazla

$17 USD / saat
(20 Değerlendirme)
6.4
FutureTechno1

Hi there, I’d like to be considered for your job position. I’m a Web Developer with a strong background developing with back end & front end. I can turn your requirement in a way that represents your brand and appeal Daha Fazla

$20 USD / saat
(11 Değerlendirme)
5.8
nlivenvw

Hi, I have gone through your website and interested to discuss all the things you need to know. I am placing a provisional bid for now and once will get the response from your side, we'll discuss further to make sure Daha Fazla

$20 USD / saat
(12 Değerlendirme)
5.8
phonexayphong523

Hello sir, how are you? I read your project description carefully and very interesting. I have 7 years of experience for web projects. I am good at these languages such as php, javascript, css, python and NodeJs. Daha Fazla

$25 USD / saat
(5 Değerlendirme)
5.0
romancoder204

Hello Sir! Thank you for your job post! I am a REACT/ANGULAR/NODE/mongoDB developer. I've just read your job description carefully. So I have a clear understanding of your job goals. My main skill is React.js and node. Daha Fazla

$20 USD / saat
(30 Değerlendirme)
4.9
markninja

Hi, As per your given job description, you want to develop a website : [login to view URL] with an amazing eye catching design, color scheme and layout which will be found in web searches with very good SEO, you wil Daha Fazla

$15 USD / saat
(25 Değerlendirme)
5.5
jinyin1117

Dear Melissa! I am very happy to see your project detail. I think it is just my project. :) As you can see in my profile, (my review: https://www.freelancer.com/u/jinyin1117) I have much experience with your job. I thi Daha Fazla

$20 USD / saat
(26 Değerlendirme)
4.8
softltd

How are you? I am a senior fullstack web developer of over 5 years' experiences. I have good skills and experiences of PHP frameworks such as Codeigniter, Laravel and Wordpress etc. Last time I built several website wi Daha Fazla

$20 USD / saat
(1 Yorum)
4.0
viapromote

HI I AM A HIGH SKILLED WEB(FULL STACK) DEVELOPER AND SEO EXPERT. I CAN IMMEDIATELY START TO WORK ON YOUR PROJECT. I HAVE ALSO WORKED ON MANY APIS, ESPECIALLY EMAIL MARKETING LIKE ZOHO, MAILCHIMP, SALESFORCE ETC. THI Daha Fazla

$20 USD / saat
(7 Değerlendirme)
3.8
tianyongmei29

Dear employer. How are you? I am a senior javascript developer for 7+ years, familiar with VSCode. Having many experiences with web development, I can deliver on what your looking for. Hope to see you soon. Let's chat Daha Fazla

$20 USD / saat
(1 Yorum)
3.5
shahzaibpro

I am a Full-Time Freelance Full Stack Web App Developer-Designer (Specialising in CRM, Laravel, ERP, E-commerce, Website Developing & Designing, Android Apps, Ios Apps, web-apps). I am also proficient in the following Daha Fazla

$20 USD / saat
(2 Değerlendirme)
2.0
akshaysharma03

Dear Client,                   I can help you with this project. I have done similar works earlier. I can assure you to provide you the best quality work.I have gone through your project requirements for Teach me to or Daha Fazla

$22 USD / saat
(1 Yorum)
1.2
pradeep890

Hi there, I just saw your project detail that you need to the Teach me to organize\build my code with webpack and vscode . I am very well with project work . As , I have checked the work detail...I understood the req Daha Fazla

$15 USD / saat
(0 Değerlendirme)
0.0
nextolive121

Dear Sir , We are a team of professional developers, we draw and code for a living. We protect you from the common horrors of working with just a freelancer, like a sudden disappearance just before the deadline. This Daha Fazla

$15 USD / saat
(2 Değerlendirme)
0.0