I'm working on a project with AngularJS which is progressively being migrated to React, so for now we are using React on AngularJS directives. The problem is that for every small change I need to run a npm run build ("build": "webpack --mode ") Is there any way to use webpack-dev-server or anything else to see the changes "live" as I change the files? I can't find a way to make it work.

I'm using: "webpack": "^4.43.0", "webpack-cli": "^3.3.12", "webpack-dev-server": "^3.11.0" "react": "^16.13.1"

How can I use webpack-dev-server for React embeded in AngularJs directives?

I have a simple interface but I work with multiple APIs so I don't want to use a backend for it. How can I hide my API keys in CRA without using backend.

It is suggested to use environment variables for this and I have also used it as shown in the documentation but this is not exactly what I want. Even though I use environment variables , a simple CTRL + F search in the "chunk.js" files reveals things that should remain hidden, like my API keys. Is there a way to completely prevent this?

How can I keep my hidden fields like api key after getting bundle in CRA

I am in a project where css files have in many cases the same, or heavily similar content, but are named differently due to their name being autogenerated based on url segments.

I wonder if I can attach a form of a hash to some of the html link elements that could instruct the web browser that it should use its content hash as a caching strategy.

I do not want user to redownload the whole css deps on every page, or do some prefetches since it would them a mobile transfer.

webpack

Trending Blogposts on webpack

Popular Discussions on webpack

openHow can I use webpack-dev-server for React embeded in AngularJs directives?

0

0

0

openHow can I keep my hidden fields like api key after getting bundle in CRA

0

0

0

openDoes / can a web browser (or web server) cache the file based on its content rather than name?

2

0

0

PRODUCTS

QUICK LINKS

LEGAL