Alias problem with 'vue$' configuration in vue-cli

in the scaffolding, we can always see "vue$" has an alias" vue/dist/vue.esm.js"
alias: {

  "vue$": "vue/dist/vue.esm.js",
  "@": resolve("src")

}

module: {

rules: [
  ...(config.dev.useEslint ? [createLintingRule()] : []),
  {
    test: /\.vue$/,
    loader: "vue-loader",
    options: vueLoaderConfig
  }]

}

but when we actually quote vue, import Vue from "vue" does not use this alias
, while "main": "dist/vue.runtime.common.js" in package.json in vue"s npm package defaults to vue.runtime.common.js

so the question is, what is the function of "vue$":" vue/dist/vue.esm.js", in alias?

Webpack vue-cli vue.js

May.17,2022

resolve-alias
this is a document of webpack.rosolve.alias , and vue$ followed by $ represents an exact match

ide/installation.html-sharp%E8%BF%90%E8%A1%8C%E6%97%B6-%E7%BC%96%E8%AF%91%E5%99%A8-vs-%E5%8F%AA%E5%8C%85%E5%90%AB%E8%BF%90%E8%A1%8C%E6%97%B6" rel=" nofollow noreferrer "> Runtime + compiler vs. Include only the vue document at runtime
, which is why you want to write 'vue$':' vue/dist/vue.esm.js' , and write

only when you need a complete version of vue with compiler .

but when we actually quote vue, it's import Vue from 'vue' and doesn't take the alias

this, as long as you configure alias , webpack will determine whether it is an alias or not when looking for dependencies, and will definitely follow vue$

module.rules test: /\ .vue $/, this $ is regular $, which is not the same thing as $ of alias .

Previous: About the configuration of Vue-cli3.0. The meaning of the parameters of pages.chunks

Next: Python list merged into dict

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
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 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
The new version of vue-cli, has no webpack.config configuration file. What if I want to configure a plug-in?
vue-cli webpac.config.jspugin:[ ]............................................................... ....vue-cli3.0 ...

Webpack vue-cli vue.js

Apr.12,2021
The .eslintrc.json file has specified that the control point will still report an error after the indentation is tab, to start the service.
vue-cli3.0 project, specify indentation in .eslintrc.json as console after tab, starts service or error WARNING in Volumes Untitled 1 test typeScript app src store.ts 15:1 2 space indentation expected said that indentation should be 2 spaces, am I co...

Webpack vue-cli vue.js

Sep.22,2021
Vue deployment to the server cannot load the js file
vue project can run well locally, and js cannot be loaded after deployment to the server bosses, excuse me, after deployment to the server, the home page can be loaded, but cannot make a request. What is the reason for opening the browser information ...

Webpack vue-cli vue.js html5 javascript

Oct.11,2021
The website cannot run after the vuecli is packaged.
ask for help, the website cannot run after vuecli is packaged. my directory in the development is also very simple, the source code is under src, all other static resources are placed in static, and static is full of pictures and json static files ....

Webpack vue-cli vue.js

Jun.23,2022