How to inject code into index.html when webpack 4 is packaged

about index.html inject some JS and CSS codes

there are some JS codes, such as responsive and buried point reporting codes, which are directly written into index.html
requirements:
1. Different codes are injected according to the environment, such as
2 is injected in the production environment, and the code is compressed in the production environment

.

what methods have you tried

1. In the webpack3 environment, using asset-inject-html-webpack-plugin
2 and html-webpack-inline-source-plugin will inline all the code

ask for help

is there a feasible solution to the problem of index.html inline code

Javascript vue.js webpack
May.08,2022

this is actually very simple, just use html-webpack-plugin to do it. This plug-in can customize some configuration parameters, and can also support ejs and other template syntax. So you can define a currently running environment variable, that is, development or production. Please refer to the following code for implementation:

1, your related webpack profile

Have you solved the 
  
 problem? I used node's readline to read the file stream and insert some variables of the backend template into html. You can try 
.

Previous: RedisTemplate injection failed

Next: The antd-mobile Modal mask layer animation was executed twice.

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu