1. At present, I am learning to manually configure webpack to build a react project.
2, all dependent packages are installed successfully,
3. I wonder if it is due to the conflict between the versions of the dependent packages. I mistakenly reported that it was a loader configuration error, but there was no configuration error. Ask for advice. I don"t know what the reason is
this error is currently reported
webpack.config.js
webpack4+ does not have the attribute of loaders, but should be replaced by rules, such as
.
rules: [
{ test: /\.css$/, use: 'css-loader' },
{ test: /\.ts$/, use: 'ts-loader' }
]unknown does not recognize this loaders
https://www.webpackjs.com/con. has
your mistake is too obvious, take a good look at the document! rules is not loaders
study online tutorials learn to package projects using webpack, a simple code implementation. the entry file index.html of the interface is as follows: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&qu...
refer to antd s custom scheme, introduce babel-plugin-import and react-app-rewired, and add .bablrc file, but not successfully is it necessary to eject? how to make create-react-app support stage-0, without eject? ...
what is written in the configuration file directly is the private network url, but now you want to use the environment variables configured on the server instead. How to modify it module.exports = { NODE_ENV: "production" , ENV_CONFIG: ...
I want to make a vue component by myself, but if I want to mention it separately, I can put it in other projects. Other projects use cdn, so I want to make a plug-in like JQ, as long as I reference vue.js and my compiled components. it s a pity that I...
I wrote a command line tool based on webpack , using webpack-dev-server . Modifying the file does not cause page reload or module overload, as shown below: modifying files can cause compiled refresh to see the modified content websocket receive...
95% emitting, it can be started normally. What is the reason for this? Will affect later operations? ...
because the sever side belongs to someone else, you can only handle cross-domain requests at the front end axios how to deal with cross-domain problems. My configuration in proxyTable only works locally Cross-domain problems occur again in the...
now there is a need to embed an external site in a background management site as a menu item. Similar to the iframe, click menu, the specified path resources are loaded in the iframe to refresh the local content. But it always feels strange to use iframe...
without Webpack: this simple example is fine. Open it on the browser and you can see "hello " <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic...
use webpack dll to package dependent packages and put react into the module packaged by dll. when the packaging is complete, the app.bundle.js still contains the source code of react. Could you tell me what to do with the change? webpack.dll.js modu...
when learning to use the extract-text-webpack-plugin plug-in an error occurs when the extraction file uses contenthash, but there is no error using hash, and chunkhash ...
the project structure is like this now I want to use the configuration file in build, how should I write it in packagejson package.json { "name": "vuewebpack4", "version": "1.0.0", "description&qu...
the project structure is shown in the following figure webpack.config.js can be accessed normally, checked a large amount of information, but do not know what went wrong, webpack-dev-server running HTTP server, life or death is a problem. Would yo...
there are now two entry files --src |--- a.js |--- b.js a.js class Test{ constructor(){ this.a = 123; } show = ()=>{ console.log(this.a) } } export default new Test(); b.js import ". a" webapck...
is a multi-page project, and a script local file must be introduced in the header. if you use HtmlWebpackPlugin, can you specify that one of the files is inserted in front of head and the other body is inserted in front of it. I tried to introduce th...
for example, I want to use bootstrap.min.css, but do not want to package it but call it directly (packing error, no solution can be found) ...
< H2 > problem description < H2 > this is the weex project. Weex does not support writing local images directly in src. So I converted all the images to base64 values and then referenced the base64 to achieve the same effect. However, there is a p...
https: medium.com webpack we. read this English article and didn t understand the meaning at all. It is said that the relationship between Chunk in the previous CommonsChunkPlugin is a parent-child relationship, which does not exist in splitChunk. ...
.webpackrc is configured with source-map, but when debugging, it does not show the local source code. Where should it be configured? ...
solve the problem as shown in the picture ~ I can t see the original picture clearly! ...