How to package components with vue webpack-simple in order to use them directly

I want to make a vue component by myself, but if I want to mention it separately, I can put it in other projects. Other projects use cdn, so I want to make a plug-in like JQ, as long as I reference vue.js and my compiled components.
it"s a pity that I can"t find the variable when I package it with webpack-simple according to the official website

webpack.confing.js

</script>
<script>
    Vue.use(uiCascader)
    $vm = new Vue({
    el: "-sharpapp"

    })

html says uiCascader is not defined

Javascript webpack vue.js

Mar.02,2021

answer yourself:

change the entry file


import uiCaseader from "./uiCaseader.vue"
import uiSelect from "./uiSelect.vue"
import uiOption from "./uiOption.vue"
import uiItemtext from "./uiItemtext.vue"

const components = [
    uiCaseader,
    uiSelect,
    uiOption, 
    uiItemtext, 

  ];

const install = function(Vue) {
    if (install.installed) return;
    components.map(component => Vue.component(component.name, component));
  };


if (typeof window !== 'undefined' && window.Vue) {
    install(window.Vue);
}

export default {
    install 
}

component must have name

Previous: Vue.js routing query

Next: Js determines whether the type of network connection is wifi or 3G 4G.

How to use the server's system environment variables in configuration files such as vue,webpack project, prod.env.js under config, etc.
what is written in the configuration file directly is the private network url, but now you want to use the environment variables configured on the server instead. How to modify it module.exports = { NODE_ENV: "production" , ENV_CONFIG: ...

Javascript webpack vue.js

Mar.01,2021
Webpack 95% emitting, can be started.
95% emitting, it can be started normally. What is the reason for this? Will affect later operations? ...

Javascript webpack vue.js front-end

Mar.03,2021
How to solve the online Cross-Domain problem by axios
because the sever side belongs to someone else, you can only handle cross-domain requests at the front end axios how to deal with cross-domain problems. My configuration in proxyTable only works locally Cross-domain problems occur again in the...

Javascript webpack vue.js front-end

Mar.05,2021
How to embed an external website in a vue single-page application?
now there is a need to embed an external site in a background management site as a menu item. Similar to the iframe, click menu, the specified path resources are loaded in the iframe to refresh the local content. But it always feels strange to use iframe...

Javascript webpack vue.js

Mar.07,2021
It does not work to use Vue in index.html under webpack
without Webpack: this simple example is fine. Open it on the browser and you can see "hello " <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic...

Javascript webpack vue.js

Mar.09,2021
Error in compiling App.vue file
webpack.config.js let path = require( path ); let HtmlWebpackPlugin = require( html-webpack-plugin ); let VueLoaderPlugin = require( vue-loader lib plugin ); module.exports = { mode: development , entry: . src main.js , output: ...

Javascript webpack vue.js

May.23,2021
How to prevent users from accessing the cache when the front-end file is updated to the server
Today, the file format generated after the front-end file is updated to online build compilation is as follows I delete the online ones and then upload them. Open the mobile phone to visit the website and find that the last version of the js file ...

Cache javascript webpack vue.js

Apr.09,2022

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-436ddc6-1807.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-436ddc6-1807.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?