How should webpack pass custom parameters? - Codes Helper - Programming Question Answer

How should webpack pass custom parameters?

1, the effect you want to achieve
the script configuration in package is as follows:

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js"

what you need to achieve now is to run

npm run dev <some code>

get custom parameters
for example:

npm run dev --name test

get test in code

< hr >

2, attempts made

install cross-env
use-- key value to pass parameters as follows

npm run dev --name test

use env as the prefix parameter

npm run dev --env.name test

I get the value of test in all of the above ways, but I will report an error

.

the error is as follows

< hr >

3. Guess and doubt
look at this error. I think the reason is that the passed key [name] is identified when passing parameters, but the demo is not recognized as the value of the previous key.
can this problem be avoided if parameters can be passed directly to the environment instead of webpack-dev-server?
but so far, a lot of information has been checked and it is said that parameters can be passed. The number is followed by the value
. Why is there such an error
? how to solve it?

Vue.js webpack javascript

Jul.21,2021

https://stackoverflow.com/que.

npm run dev -- -- name=test

< hr >

build/webpack.dev.conf.js

console.log(process.argv[process.argv.length - 1]);

can use environment variables, which requires the support of the webpack.DefinePlugin plug-in

this problem is finally solved by passing the parameters that come with webpack to the configuration file. For more information, please see to explain the webpack configuration in vue-cli

.

Previous: Mongoose post find () always returns an empty array

Next: How to pass the local film through php?

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
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
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
For front-end separation projects based on vue and springboot, how to configure configuration items for different environments at the front end?
now there is an internal project based on vue and springboot, asking how to describe configuration items in the webpack.*.conf.js file and config folder under the build folder in vue, so that the system can read different configuration items according to...

Vue.js webpack javascript

Mar.11,2021
Vue+webpack multi-version theme control
the current architecture is vue+webpack+vue-router+vuex, one requirement is to write a general version locally, later products are customized according to general versions, such as theme color matching, and for example, some products have some fun...

Vue.js webpack javascript

Mar.13,2021
The compilation of vue large single-page projects is very slow during development. Is there any way to improve the compilation efficiency? HMR enabled
VUE+webpack+element-ui single page background management project; The number of pages is about 200 ; the number of interfaces is 800mm; introduce a variety of third-party plug-ins, including swiper, echart, lodash, quill-edit, qiniu-js, mock, etc...

Vue.js webpack javascript

Mar.30,2021
Help! Vue project packaged in Wechat browser and mobile browser white screen?
PC browsers can be accessed normally. The following three errors are reported in mobile browsers and Wechat browsers: Uncaught SyntaxError: Unexpected token < Uncaught ReferenceError: webpackJsonp is not defined Uncaught ReferenceError: webpackJsonp...

Vue.js webpack javascript

Apr.01,2021
Vue scaffolding cleaning dist
vue scaffolding cleans out the dist directory after each package. In the course of learning webpack, I knew that I was using clean-webpack-plugin, but I didn t see this plugin in the vue scaffolding. Want to know exactly what vue scaffolding uses to cl...

Vue.js webpack javascript

Apr.07,2021
How to extract public css files from webpack+vue-loader
weback and vue, develop multiple pc pages using vue-loader refer to Blue Fox s multi-page framework https: github.com bluefox168. the attempt can be built, and there is no problem with the public js. but the public css is not separated, and all ...

Vue-loader vue.js webpack javascript

Jun.04,2021
Why is it that my vue instance has been created but nothing is displayed on the page?
newcomers are just beginning to learn vue + webpack, to build their own step by step. After running the page, the compilation did not report an error, and the page did not report an error. It seems that the vue instance has been created successfully. Th...

Vue.js webpack javascript vue-router vuex

Aug.09,2021
How to configure proxytable and backend chain in vue-element-admin
problem description after using vue-element-admin, the page is finished now, but there is a problem with requesting the backend interface. I generally know whether to configure proxy, but it still doesn t work. There is no way of thinking at present....

Vue.js webpack javascript

Sep.16,2021
Invalid Vue @ click solution
this click is invalid, whether or not to add the native modifier, or whether to add parentheses after test. this p tag can be clicked, and there are no syntax errors in the code. the code is as follows: <template> <div class="add...

Vue.js webpack javascript

Sep.29,2021
Can webpack HRM hot updates print out the time it takes to update each change on the console?
can webpack HRM hot updates print out the time it takes to update each change on the console? wants to know how long it takes to update each change so that it can be optimized. And how long it took to start it for the first time. Excuse me, where can I ...

Es6 vue.js webpack javascript

Nov.08,2021

Menu