Shulou(Shulou.com)06/02 Report--

How the Vue project is packaged? in view of this problem, this article introduces the corresponding analysis and solutions in detail, hoping to help more partners who want to solve this problem to find a more simple and easy way.

1. Related configuration situation 1 (the tool used is vue-cil)

If the project is created with vue-cli, there is no config folder in the project directory, so we need to build a configuration file; to create a file vue.config.js under the root directory src, note that the file name must be vue.config.js, and then insert the following code into the file:

/ / Packaging configuration file module.exports = {assetsDir: 'static', parallel: false, publicPath:'. /',}

The structure is as follows:

Case 2 (the tool used is webpack)

If you are using webpack, modify the webpack configuration directly under the index.js file in config:

AssetsPublicPath:. /'

The structure is as follows:

Second, packing

After the configuration is complete, pull up the console and enter the packing command npm run build to start packing.

After success, there will be the following tips

And the dist folder is automatically generated in the project directory

The dist folder is the package we need, and then put it online to the server deployment; we need to note that no matter what changes are made in the project after packaging, npm run build is required to repackage.

This is the answer to the question about how the Vue project is packaged. I hope the above content can be of some help to you. If you still have a lot of doubts to be solved, you can follow the industry information channel to learn more about it.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.