How to configure the vue-cli project after upgrading webpack4?

The

project was originally generated by vue-cli. After updating webpack-dev-server today, webpack is required to upgrade to 4. After upgrading, a series of configurations have been made. When upgrading babel, I don"t know how to configure and solve it. Now I can"t run.

"devDependencies": {
    "@babel/core": "^7.3.4",
    "@babel/preset-env": "^7.3.4",
    "acorn": "^6.1.1",
    "autoprefixer": "^7.1.2",
    "babel-eslint": "^8.2.1",
    "babel-helper-vue-jsx-merge-props": "^2.0.3",
    "babel-loader": "^8.0.5",
    "babel-plugin-syntax-jsx": "^6.18.0",
    "babel-plugin-transform-runtime": "^6.22.0",
    "babel-plugin-transform-vue-jsx": "^3.5.0",
    "babel-preset-env": "^1.3.2",
    "babel-preset-stage-2": "^6.22.0",
    "chalk": "^2.0.1",
    "copy-webpack-plugin": "^4.0.1",
    "css-loader": "^0.28.0",

.babelrc

{
  "presets": [
    ["@babel/preset-env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime"]
}

error

Vue-cli webpack

Jul.14,2022

Previous: Ask for help on using webpack in jsp or freemarker projects

Next: Error running AVD in Android Studio

[solved] how to configure sass for mpvue
Business background use mpvue for the first time sass before, but it s all configured by someone else. has not used webpack . my actions initialize the project according to mpvue tutorial copy the sample file pages counter is pages...

Mpvue vue-cli webpack sass

Mar.01,2021
Webpack+vue configuration stylus error
pakage.json devDependencies:{ ... "css-loader": "^0.28.0", "style-loader": "^0.20.3", "stylus": "^0.54.5", "stylus-loader": "^3.0.2", ... } webpack...

Vue-cli webpack stylus

Mar.03,2021
Webpack has a problem.
1. After packaging the project with vue-cli, if you encounter the packaged project that needs to add new modules, do you want to repackage it? In that case, if the project is big enough, you can t be exhausted. how can 2.webpack be packaged in modules...

Vue.js vue-cli webpack node.js javascript

Mar.03,2021
How to configure webpack in vue-cli to compile less- > css separately
In the project, you need a set of stylesheets that cover some common styles. What I hope to achieve is: write a single style.less to generate style.css, in real time style.less .btn{ ... } reference in the html tag <a class="btn"&...

Css vue-loader less vue-cli webpack

Mar.03,2021
Vue version 2 npm run build error Error: Unexpected "space" found.
run npm run build output error ...

Vue-cli webpack

Mar.05,2021
Enter the play when there is a problem with the use of externals in webpack.
index.html uses the following cdn, webpack.base.config.jsexternals : ...

Vue-router vue-cli webpack

Mar.05,2021
Use the dllPlugin of webpack to extract the dynamic link library, and then how to reference it in the development environment
has been used in the reproduction environment. Add links such as links to the packaged index.html directly. ...

Vue-cli webpack

Mar.05,2021
Vue+webpack the same project how to achieve two templates (mobile phone side and PC side), automatically switch templates according to different devices?
for example, personal mini projects need to support both pc and mobile. so it s best to work on a project, which is convenient and convenient. I use vue-cli scaffolding. Do not know how to distinguish between the pc side and the mobile side to write ...

Vue.js Front-end-Construction-of Front-end-Engineering vue-cli webpack

Mar.07,2021
The vue-cli command prompt is not clear
when using vue-cli+webpack to build a project, use npm run dev to run, but before the computer will only display the current information in the command prompt, the previous compiled information will be hidden, and the new computer will show new and old....

Vue-cli webpack npm vue.js cmd

Mar.09,2021
Run multiple independent projects under a set of webpack framework
may not be very detailed, specifically: for example, there is a webpack single-page running environment, I have A project, B project, C project, all under this webpack development environment, can be developed. that is to say, in this single-pag...

Vue.js vue-cli webpack javascript

Mar.09,2021
How to access css File in browser in vue
vue-cli project, how to access the css file in the browser, I now access the address of the css file, the address bar will automatically add-sharp , what I want to do is to access the css file to display the contents of the css file. How should it be co...

Vue.js vue-cli webpack webpack-dev-server

Mar.09,2021
After vue is packaged, it needs to be run locally, and interface information can be accessed locally at the same time.
configindex.js api axios ...

Vue.js vue-cli webpack

Mar.14,2021
VScode path prompts questions after webpack customizes aliases
the project starting with vue-cli is configured with a custom alias. Such as "@ xxx " or something, but VScode didn t give a hint. VScode is installed with plug-ins and is prompted with relative paths, such as ". xxx ". What should I do? For a de...

Vue-cli webpack visual-studio-code

Mar.16,2021
Error starting project after babel-loader processing vue-echarts-v3
vue-echarts-v3, is used in the project because there is ES6 code in it after packaging, so add vue-echarts-v3 to the processing scope of babel-loader. in webpack.base.conf.js: { test: .js$ , loader: babel-loader , options:{ ...

Babel vue-cli webpack

Mar.22,2021
How does vue-cli configure webpack to use observation mode?
how does rt,vue-cli configure webpack to use observation mode? vue-cli has configured build.js to package the project using npm run build, so how do you configure an observation mode? The webpack document is started by "watch ": "webpack-- watch ",...

Vue-cli webpack

Apr.02,2021
Webpack packing error report
package.json scripts configuration Errors: 2 http: eslint.org docs rules no-undef @ . node_modules babel-loader lib!. node_modules vue-loader lib selector.js?type=script&index=0!. src components Modal Feedback index.vue 94:0-47 @ . src co...

Vue-cli webpack

Apr.05,2021
Vue-cli upgrade to webpack4.6 error
webpack was also upgraded to version 4.6 during the vue-cli global upgrade package, and then the build project reported the following error, webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead. B...

Vue-cli webpack

May.07,2021
Which version of webpack? is used in vue-cli 3.0?
now the version of webpack is not shown in package.json. How can I know which version it is ...

Vue-cli webpack javascript

May.26,2021
[VUE CLI3] Multi-page devServer jump returned html error problem
problem description recently attempted to update project scaffolding from vue-cli2 webpack2 to vue cli 3 webpack4 vue-cli-service serve indexlogin, window.location.href = login loginindex.htmlindex.js url localhost:3007 login.htmlurllocalhos...

Javascript vue.js vue-cli webpack-dev-server webpack4

May.28,2021
Configure webpack plug-in prompt webpack not defined in vue-cli3
configure in vue.config.js: > vue-cli-service serve INFO Starting development server... ERROR ReferenceError: webpack is not defined ReferenceError: webpack is not defined question: 1. Why did you report this error? 2. How can I modify it to...

Vue.js vue-cli webpack

Jun.18,2021