Vue node webpack, what on earth are these relationships? - Codes Helper - Programming Question Answer

Vue node webpack, what on earth are these relationships?

A rookie at the front end is now developing a company project, using the development mode of the vue build tool, and then there are some problems when debugging the interface with the back end. The server software used by the company is apache,. Once a colleague in the back end asked me, "do you still use node for development?" What if I go online with node during development? I look confused. I didn"t use node. Did I use node? when I built the vue project? Or do you use node? when webpack is packing? If so, does vue development have to rely on node? Another is what exactly is the role of apache, server software? Do you connect to the server to get the data? In the past, traditional projects did not use vue, to start apache before entering the domain name to open the project, otherwise it would not be possible to open it locally. Now, when npm run dev starts, you also need to open apache, first, so is apache just to connect to the server? Do not connect to the server why vue local development can not be opened? I hope some boss can explain the apache local server node environment to the younger brother. If you don"t know all of them, you can help answer what you know. Thank you very much!

Vue.js node.js webpack

Mar.03,2021

, I think I had this kind of confusion at the beginning.

first of all, write the front end, look at this tuo, don't panic, start with simplicity
secondly, if you use it, it doesn't mean you have to write the relevant code. You may just use the tools written by others to make a good configuration
.
- this is the case with node,webpack,apache. We don't need to know how to write node code or understand node syntax, as long as we know how to use these tools
- vue is a js library that needs to be translated into js before it can be run in a browser. Similarly, there are
- webpack is used to package and translate vue. Webpack is a tool developed using node and running in the node environment. There is a ready-made configuration scheme, and we generally do not need custom adjustments
- specifically, apache here generally means that tomcat is a web container, which puts the page you have written and publishes a url for others to visit. When developing, webpack comes with the dev-server plug-in, which is the same as tomcat
finally, the main thing you need to learn is how to write vue, using vue-cli to run a demo, to practice. Getting started with vue is easy, and there are many Chinese documents and tutorials

Please adopt

if you are satisfied.

as far as I know. The development of
1.vue itself is not dependent on node, but the integrated webpack in vue's scaffolding tool vue-cli is based on node.
so we can only say that webpack is dependent on node.
2.apache is a web server, which is used to start the backend service; npm run dev is also a service in nature, but it uses the node service and the front-end project service; there is no connection between the two. (you can use the npm run command to run any entry in scripts in the package.json file)
3. Traditional projects only need background service (can smoothly call background API),. Now most front-end projects are managed by webpack, and webpack is based on node,node, which is a js environment running on the server. Scss, es6/es7 syntax, typescript and so on, which are not supported by the browser itself, can be solved in node through the toolkit npm. Therefore, the node service from the front-end project is generally designed to solve these problems.
above. In my personal opinion, there is an error.

Previous: I want to use some of the constants defined in state to assign default values to the drop-down box and v-model this variable in the data of the component, what should I do?

Next: How does the H5 tag video play multiple videos on a mobile browser at the same time?

Vue-lazyload lazy load picture cannot be displayed.
do lazy loading with vue-lazyload, install npm install vue-lazyload-- save-dev first according to the tutorial. I have a problem here, that is, after installation, vue-lazyload appears in devDependencies rather than in dependencies. devDependencies i...

Vue.js node.js webpack

Jun.11,2022

Menu