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

This article mainly introduces how to package Vue to generate dist files, the article introduces in great detail, has a certain reference value, interested friends must read it!

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.

The above is all the contents of the article "how to package Vue to generate dist files". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

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.