Can webpack generate static HTML, reference dede system to generate static method?

can webpack generate static pages and refer to the method of static generation in dede system?

every time a single SPA page opens url, there is a request for background data, which is a bit disadvantageous to seo, but our company requires that static HTML, is generated after the request is made. Static HTML is used to open the next time.

can I refer to the static method generated by dede or the method to directly implement static html when webpack + html + axios, is used in the framework of my project?

Webpack javascript

Apr.11,2021

does this have anything to do with webpack? Your data is to get the interface is obviously a dynamic thing, how to static? You can only use something like ssr. If you are writing dead content, you can use prerender and other similar plug-ins to pre-render.

this has nothing to do with your front-end static. Dede is a template file compiled in the background, which can inject data into the web page file at the same time. In the front-end, frameworks such as Vue have server-side rendering and can do SEO optimization. Ordinary HTML still needs to let the back-end inject data into you.

Brother, this has something to do with webpack. How can you static the data in the background? And dede is not static, it just doesn't use the interface, the type of jsp form, that is, the background and front-end coupling. I think you should do this, give your written page (static page) to your background, and then ask him to put the data in it (don't use ajax,axios form).

Previous: Modify the property value of a multi-tier nested object according to the given string

Next: How did Dianping manage to display the html tags in the comments as text?

Report to babel of undefined after webpack4.1 configuration is completed
webpack project upgrade version configuration is as follows: webpack.json "scripts": { "dev": "webpack --mode development", "build": "webpack --mode production", "watch": &quo...

Node.js webpack javascript

Feb.27,2021
A novice runs webpack and reports an error: unknown property 'loaders'..
webpack.config.js: var webpack = require( webpack ); var path = require("path"); module.exports = { entry: . src app.js , output: { path: path.resolve(__dirname, . bin ), filename: app.bundle.js ...

Vue.js webpack javascript

Feb.28,2021
What is the purpose of _ _ webpack_require__.i?
identity function for calling harmony imports with the correct context __webpack_require__.i = function(value) { return value; }; After webpack is packaged, there will be a function, what is the function of this function? The comments are not unders...

Webpack javascript

Feb.28,2021
Learning webpack, error occurred when starting the local server after installing webpack
I changed the dev of scripts in package.json to "dev ": "webpack-dev-server-- open ", but there was no page effect. document structure: :webpack-dev-serverdev package.json:mainjsindex.jsindex.jsdistjsbundle.jsbundle.js webpack.config.js:contentBase...

Webpack javascript

Mar.01,2021
UglifyJs reported an error during npm run build
as shown in the picture, the following error is reported when packing, the reason is unknown! ERROR in static js vendor.c6cf6d8258be562986f2.js from UglifyJs ...

Vue.js webpack javascript

Mar.02,2021
Why do I configure babel-loader, on webpackp but report an error when I use the extension operator? Or how can the extension operator be rewritten to look like es5?
this is the configuration in webpack: { test: .jsx$ , exclude: (node_modules) , use: { loader: babel-loader , options: { presets: [ env , react ] ...

React.js webpack javascript

Mar.03,2021
How webpack3 eslint displays errors on browsers
I don t know which property to set so that the error prompt of eslint is displayed on the browser ...

Webpack javascript

Mar.03,2021
Why did Webpack introduce eval mode to generate JavaScript code
recently looking at the JavaScript, generated by Webpack, there is a question that I don t understand: why should Webpack provide the mode of eval , wrapping the generated code of the module with eval ? the discussion here is not limited to devtoo...

Eval front-end webpack javascript

Mar.03,2021
The packaged css file after webpack sub-environment configuration cannot replace the correct image path.
this is the source code for the configuration: const path = require( path ) const webpack = require( webpack ) const CleanWebpackPlugin = require( clean-webpack-plugin ) const ExtractTextPlugin = require( extract-text-webpack-plugin ) const pag...

Webpack javascript

Mar.03,2021
There are some problems in building vue environment with webpack.
I refer to the picture in the style tag in the .vue file template style webpack where assetsPath ( images [name]. [hash: 7]. [ext] ) is static images [name]. [hash: 7]. [ext] ...

Vue.js webpack javascript

Mar.04,2021
ProxyTable satisfies two conditions at the same time (one of which is non)
satisfies both the beginning of api and the need to forward to aaa, api order to bbb. api : { target: http: dev.api.aaa.cn , changeOrigin: true }, api order : { target: http: dev.api.bbb.cn , changeOr...

Node.js webpack javascript vue.js

Mar.04,2021
Webpack font file path problem
webpack is configured as follows output: { path: path.resolve(__dirname, .. .. public static dev ), filename: js [name].js filename: js [name]_[chunkhash:8].js }, module: { rules: [ { test: .(woff2?|...

Webpack javascript

Mar.05,2021
The content of the third-party package of the development environment (npm run dev) and the production environment (npm run build) import is inconsistent?
Hello, everyone. in the package import rc-scroll-anim , there was no problem with the development in dev environment, but an error was reported when it was run after compilation. After typing log, I found that the content of import in the two modes wa...

Next.js webpack javascript react.js

Mar.05,2021
Why didn't the file be generated after webpack npm start?
after webpack npm start, there is no error, but why is there no build.js file generated in my build folder ...

Webpack javascript

Mar.06,2021
How to automatically add the generated vendor.js file to each HTML after using the DLLPlugin method with WEBPACK
the same third-party dependency libraries are import in the js of each module, so they are repeatedly packaged when they are packaged. Now I just want to package these basically unchanged ones only once and then lead them to each html. How do I do this? ...

Webpack javascript

Mar.07,2021
For the react project created by create-react-app, npm run start cannot start the project after using webpack?
react project created by create-react-app, after using webpack, always report thisCompilation of undefined, how to configure this, please give me some advice! ...

Webpack javascript

Mar.09,2021
In the process of continuous integration, when the front-end files are packaged and put on the CDN, how to automatically inform the back-end which version of the files should be taken?
if the title, mainly the front-end code released to CDN, and CDN will co-exist multiple versions, according to access to information, found that there is a way is the front-end in the compilation process, will record the newly packaged file hash file nam...

Gitlab webpack javascript

Mar.09,2021
There is an error in installing Alibaba's rax. How to solve it?
...

Webpack javascript

Mar.09,2021
The warning issued by autoprefixer, how to solve it?
in webpack-dev-server development mode, display:flex will issue the above warning after using autoprefixer . Do you know the solution ? ...

Webpack javascript css

Mar.09,2021
Cannot add less to react, solution using webpack
webpack4.x less has been introduced and used in the H1 tag, but there is no style on the final page. index.js index.less webpack.dev.js : ...

Less react.js webpack javascript front-end

Mar.09,2021