Rise of the edge – analysis and calculation at any time, anytime, anywhere

The rise in data importance can be said to be one of the most important side effects of the Internet revolution. Through advertising sales and return on investment, traditional sponsorship and advertising model have been abandoned, and it is replaced by taking a cool number and data that can take action, such as personal data, activity, email address, and phone number.
Even if you do not sell products to a particular audience, the data generated by the daily interaction of the Internet of Things and the server can also produce insights, thereby changing the process of the enterprise.
These data are cultured in these Internet of Things devices, placed on the edge of the network, providing the information they need in the cloud analysis platform. For example, in the manufacturing industry, the machine in the assembly can detect problems or even future issues by reading sensor data to feed back them to the analysis platform for enterprises to take action.
According to the research released in September, in 2026, the value of the global edge computing market will exceed $ 17 billion. This provides huge opportunities for the innovation that the company uses this market growth, and is a bigger opportunity for people who can provide solutions at the edge.
Edge analysis
Obviously you can find a lot of insights on the edge, but feed back this information to the cloud platform and analyze it may be a slow and intensive process.
The insights that can be obtained from the edge information allow real-time reactions, and provide analysis engines, allowing decisions to predict future data, reducing spending, looking for new opportunities or changing business models, and raises several examples.
Therefore, fully forming information before arriving, then many of the edge points from the cloud may be the difference between the market and defeat the competitor, or must fight for each customer. This information is not necessarily related to the products, processes, or services provided, which actually analyzes employee’s working methods, the busiest time, and how they manage time. We take manufacturing as an example.
The industry’s company hopes to analyze and detect changes in the production line before the failure. The edge calculation helps to close the processing and storage of the data. This allows the Internet of Things sensors to perform analysis in real time in low delay monitoring of machine health.
Hug
IBM said that by 2025, people in each network in the world will be interacting at least once every 18 seconds, and there will be more device-driven interactions. A large amount of data that needs to be processed needs to be analyzed on the source and only need to be subtly selected to synchronize to the cloud. By analyzing data from the edge of the network, the smart networking device can use artificial intelligence to detect the best data set, ignore useless numbers, and feedback the operational insights that companies can use.
This is also a trend that is happening. In the same study, IBM learned that 91% of their surveyed organizations were planned to implement some form of edge calculations within 5 years. No longer sitting ingredient – a large number of copies of the network, has now proven to have applications in multiple industries, including manufacturing, sports, fitness, and agriculture, but not always connected to the cloud.
For companies, the network edge hugs may seem little mediocre. However, you also need to monitor such insights to increase productivity. In the current "amplification fatigue" has become a common obstacle to organize to overcome, it is possible to discuss when they work, how to arrange a day of work and 12 meetings will be the best way to make contributions.
Enterprises can also utilize integration of intelligent edges in its latter infrastructure, which is a key growth area since the popular popularity. In the local data center, calculations and gateways, facing the growing demand and continuous decreased budget in IT teams, edge devices have become a necessity.
For example, the local data center manager is looking for a solution that allows them to monitor and manage the stacks they can quickly install. Similarly, the gateway edge solution that the company wants to use is a one-run solution that allows IT professionals to securely grant access to people who should have access to access rights, while still allowing a certain degree of remote management.
Like many innovations in the technology industry, it may be killed because I don’t know where to start. However, the starting point of the corporate edge may be a smaller solution, which uses artificial intelligence to make IT teams easier. Since then, companies can launch a solution in different departments to ensure an efficient staff team.
Over the years, the artificial intelligence and the marginal market is full of complex use cases of manufacturing and small equipment with sensors, which must be places where it can be used. However, after a bulky machinery and complex language, ordinary companies can use an advantage, operation and deployment, and establish a simple manner in a way that is not daunting but actually manually. It doesn’t take a long time.
This is because, in the final analysis, the edge calculation is to utilize data, understand data and make decisions that can improve efficiency. By adopting artificial intelligence in the edge, companies can save money, find new opportunities, win more customers and improve customer loyalty, because they can convert this information and deliver information in the form of USP, guarantee, or simple suggestions to make their products and services better.

Vite’s project, the method of packaging npmjs.com using Rollup package

Build a production version – library mode
Https://cn.vitejs.dev/guide/build.html#ludibrary-mode

Detailed setting
Https://cn.vitejs.dev/config/#build-lib

Vue-cli comes with WebPack’s packaging method, the played bag is a bit big, and Vite comes with Rollup packaging, this way is very small, there are some instructions for the official website, so after learning, It is very convenient.

Vite’s library project can be divided into two categories: (I am divided into it)

  • One is a pure JS project without html;
  • One is a project that can bring HTML (template), such as a UI library.

The following introduces the preparation and packaging methods, in fact, in fact.

Use Vite to build a project, here is a simple example:

// main.js

The code is relatively simple, just a demo.

If you want to pack, you can only have an export file, so the interior code structure is set.

Pure JS is good, the export output is good, then what should I do with template? In fact, it is also the same.

Create a project with Vite to create a test file:

// t-text.vue

  • Template section:
  • Code part

This is a library based on the UI library, using two third-party plug-ins:

  • One is Element-Plus, which is loaded on demand;
  • One is the NF-UI-Controller library they do.

Then we set an entry file main.js

If there are many components, we must consider the structure, here is just an example.

After the code is written, you need to set up vite.config.js

  • Entry: Specifies the entry file to be packaged.
  • Name: Name of the package
  • FileName: The name of the package file, the default is UMD and ES two files.
  • SourceMap: Do you generate .map files, default is not generated, if you need it, you need to set it to true.
  • RollupOptions: If the project references a third-party plugin, you need to set it here. If you don’t set it, the source code of the third-party plugin will be packaged, so that the package file is getting bigger. The third party’s plug-in will exist alone.

Vite will pack it according to the settings here, and pack them into two modes:

  • UMD: After packaging, the code is very compact, small size, but it is not easy to read;
  • ES: The packaged code and the code we wrote are very like, easy to read, but the volume is large.

If the project uses a third-party plugin, you need to do settings in External:

After setting, the code of the third party plug-in will be referenced in the way in import.
If you don’t set it, you will use the code that is used in the third party plugin, and take it out as the internal code to be packaged together, so the volume of the package becomes bigger.

Setting package.json is mainly published as a description of the resource package, you need to set the properties according to NPM requirements:

If you do not want to install a third-party plug-in when installing the resource package, you need to remove DependenCies and DevDependenCIs, otherwise the third-party plug-in that is automatically installed.

After setting up, we can pack it with Yarn Build.

The packaged file is this style:

  • NF-TOOL-ES.JS
  • NF-TOOL-UMD.JS

Brief introduction to the steps:

  • First to npmjs.com website registration account;
  • To register an email to activate the account;
  • Open the terminal and log in with npm login;
  • Published using NPM Publish;

The space is limited, and the details will not be introduced.

I like to use Yarn to install resource packages because the speed is faster.

Package.json Set the name of the installation is the name of the installation, so you have a good name and you can’t repeat with the existing name.

Will there be such a need?
When writing, the library project needs a development environment, while writing code, while running.
After writing, you need to pack it by library project.
Then there is a test environment, or demonstrate the environment?

If you build a project write test and demonstration, then it is a bit trouble, if you can get more in a project.
At this time, you need to set different Vite.config.js.

The way to use the comment before the change is more troublesome. Now found that Vite provides "Mode" way, allowing us to do different settings in Vite.config.js.

According to the official website, we can build multiple .env. * Files to store different "modes":

.ENV: Development environment (default)

.env.project: Test, demo

.env.lib: library package

After setting it, we will modify vite.config.js

In Vite.config.js, first define different defineconfig spare, then use the loadenv read mode value, return the corresponding defineconfig according to the mode.

Note: You need to set a folder of different outputs, otherwise it will be overwritten.

Set the executed command, add the desired mode.

This allows you to completely separate different environments. If there are other needs, you can also add more modes.

Changeable package command

In this way, all of them do not interfere, nor do you have any writes.

After the project package is released to npmjs.com, you can use https://unpkg.com/xxx to access, XXX indicates the name of the resource package, such as:

Wait