[solved] how webpack automatically compiles and packages vui-cli projects - Codes Helper - Programming Question Answer

[solved] how webpack automatically compiles and packages vui-cli projects

Business background

develop Wechat official account through vue-cli webpack template
because to call the official account API, you must configure the request domain name url , such as example.com .
and this domain name must be configured in the official account backend legitimate business domain name
when I do not adjust the Wechat interface, I can test it through localhost .
but when it comes to api such as WeChat Pay or Wechat Map , you must upload the code to example.com for testing

problem description

this is very troublesome. Every time you modify the code and need to be tested, you must go through the following steps
1. modify the code
2. compile the package file npm run build
3. upload packaged files to the server via ftp

question

is there any way to make npm run build execute automatically
means to package files automatically when they change, similar to npm run dev
it"s even better to upload ftp automatically after compilation

my attempt

probably knows that you want to set watch
but I haven"t configured the webpack file, so I haven"t worked it out for half an hour. Let"s ask a question

Webpack vue-cli

Apr.03,2021

you can use proxy to forward localhost/api/ to example.com/
proxyTable of devServer can be configured in development environment
forwarding rules of nginx, tomcat and other servers can be configured in formal environment

this is not clear in one sentence or two, and it is difficult for me to understand your project more clearly. Let me give you some advice.

for ftp upload, please refer to what I wrote: https://github.com/azl3979858.

.

for automation, please refer to what I wrote: https://github.com/azl3979858.

.

Previous: What if pyspider always hangs up items and disappears on the server?

Next: After Mini Program modified the submitted form, he was unable to re-consult the form information interface (refresh)?

Projects built with vue-cli always report errors when introducing static third-party plug-ins, and the path should be correct. Index.js has not changed.
...

Vue.js webpack vue-cli

Feb.27,2021
Failed to load vue packaged css image
access the project file in www.a.com HMall, which contains static and index.html, but the background image in css cannot be found. The address of the accessed image is www.a.com static icon.png,. The real image address is www.a.com HMall static icon.png...

Webpack vue-cli vue.js

Mar.03,2021
After webpack was packaged, Wechat opened the page on ios and reported an error about manifest.
Environment, version: node: 8.9.3 webpack: 3.6.0 vue: 2.2.2 vue-cli: 2.x webpack is a template that uses vue-cli. After packaging, an error is displayed on the WeChat end of ios, while Android is fine: prompt that there is an error ...

Webpack vue-cli vue.js javascript

Mar.04,2021
Vue init webpack project error Cannot read property 'transforms' of null
node: 8.11.1 npm: 5.6.0 vue: "^ 2.5.2 ", vue-cli@2.9.3 ...

Webpack vue-cli vue.js

Mar.05,2021
The dist folder generated after vue-cli+webpack executes npm run build, can you upload the files in this folder directly?
I ve been learning vue for some time, and it s good to use it for simple project exercises. I just have a question for the time being. Such as the title, is that so? Do you need to pay attention to anything backstage? I have not done anything like this...

Webpack vue-cli vue.js

Mar.07,2021
Vue-cli introduces third-party non-modular js
beginners, initialize the project with vue-cli and webpack, now want to introduce a non-modular js file, this file has the following characteristics: wants to make global references, such as the js file in the css library there is no need to modi...

Html webpack vue-cli vue.js javascript

Mar.07,2021
Vue-cli can't load the picture module, so I can't find it. What's going on?
alias has been configured with assets I wonder if it is because require is introduced at run time in computed that cannot be found. I want to use the second way to write it so that I don t want to load useless pictures, or you can tell me how to g...

Es6 commonjs webpack vue-cli vue.js

Mar.11,2021
Is it private to use scoped when writing styles when developing with vue-cli+webpack? But it doesn't look good in F12. How do you do it?
look at the picture first add scoped to style to make its style private, valid only for the current page, but global after removal. but. But. After that, you will see data-v-xxxx in the browser console and you don t think it looks good. so ask a...

Front-end webpack vue-cli vue.js

Mar.11,2021
Installation of vue-cli scaffolding has been unable to install, but other projects can work normally, online to find some methods are useless. I'd like to ask who can solve it.
...

Npm webpack vue-cli

Mar.12,2021
Vue uses cdn to introduce error reporting, Vue is not defined
index.html also introduces vue s cdn webpack.base.conf.js externals vue build venfor vue element ui cdn what is this ...

Webpack vue-cli vue.js

Mar.13,2021
Vue-cli installs npm install sass-loader-save reports an error, please tell me how to solve this problem.
...

Vue.js webpack vue-cli

Mar.16,2021
Ask for help, a project generated by vue-cli, encountered a problem when using iview
webpack,iview are new to each other. as shown in the figure, Closing tag matches nothing is reported when using the tag < Input > in the vue single file component. For some reason, using a prefixed tag will not report an error. I hope Daniel will...

Webpack vue-cli iview vue.js

Mar.18,2021
How to solve the problem of white screen after vue-cli packing?
dist files generated by the latest version of scaffolding index.html404 ...

Javascript vue.js webpack vue-cli

Mar.20,2021
Keywords introduced by vue-cli using @ absolute path import have no syntax hints in vscode
keywords introduced by vue-cli using @ absolute path import have no syntax hint in vscode, but relative paths are: both compilation runs are fine. How can vscode recognize the absolute path defined by webpack alias? ...

Es6 webpack vue-cli visual-studio-code

Mar.20,2021
Vue-cli configuration Webpack
want to add the following configuration to Webpack: (svg files in src icons are loaded with svg-sprite-loader, and svg in other folders are loaded with url-loader) { test: .svg$ , loader: svg-sprite-loader , include...

Webpack vue-cli vue.js

Mar.24,2021
Vuecli packaged items are placed on the server icon font display box?
problem description vuecli packaged items are placed in the icon font display box on the java server. There is no problem with the web service access icon from http-server under the local dist folder. cssurl(.. .. static fonts fa-solid-900.00ddaed...

Webpack vue-cli javsscript java vue.js

Mar.24,2021
What does it mean that a chunks contains more than one vue-cli after it is packaged?
as shown in the figure, is this file so large because it contains multiple files? 2.js ...

Webpack vue-cli

Mar.30,2021
Other hosts on the same LAN cannot access local vue-cli projects through ip?
after executing npm run dev, the following is my console output: Your application is running here: http: 172.16.30.87:8888 I have configured it in the index.js file: host: 172.16.30.87entries, it is possible to access the project locally through I...

Webpack-dev-server webpack vue-cli

Mar.31,2021
Npm ERR! Write after end
error occurred after installing npm install on the command line npm ERR! write after end what mistake is this? ...

Webpack vue-cli

Apr.01,2021
Vue-cli 3.0 webpack configuration multiple html page
vue.config.js module.exports = { chainWebpack: config = > { config .plugin( html ) .tap(args => { args[0].template = Users username proj app templates index.html return args }) } } is the official example: when I need to ...

Javascript webpack vue-cli

Apr.06,2021

Menu