Vue Cli Next

Posted on  by admin

Some global configurations for @vue/cli, such as your preferred package manager and your locally saved presets, are stored in a JSON file named .vuerc in your home directory.

You can edit this file directly with your editor of choice to change the saved options.

You can also use the vue config command to inspect or modify the global CLI config. See the Browser Compatibility section in guide. vue.config.js is an optional config file that will be automatically loaded by @vue/cli-service if it's present in your project root (next to package.json).

cd project
vue add vue-next

You can also use the vue field in package.json, but do note in that case you will be limited to JSON-compatible values only.

The file should export an object containing options:. Deprecated since Vue CLI 3.3, please use publicPath instead. The base URL your application bundle will be deployed at (known as baseUrl before Vue CLI 3.3).

This is the equivalent of webpack's output.publicPath, but Vue CLI also needs this value for other purposes, so you should always use publicPath instead of modifying webpack output.publicPath.

By default, Vue CLI assumes your app will be deployed at the root of a domain, e.g.

https://www.my-app.com/. If your app is deployed at a sub-path, you will need to specify that sub-path using this option. For example, if your app is deployed at https://www.foobar.com/my-app/, set publicPath to '/my-app/'.

The value can also be set to an empty string ('') or a relative path (./) so that all assets are linked using relative paths.

This allows the built bundle to be deployed under any public path, or used in a file system based environment like a Cordova hybrid app. Limitations of relative publicPath.

Relative publicPath has some limitations and should be avoided when:. You are using HTML5 history.pushState routing;. You are using the pages option to build a multi-paged app. This value is also respected during development. If you want your dev server to be served at root instead, you can use a conditional value:. Default: 'dist'. The directory where the production build files will be generated in when running vue-cli-service build.

Note the target directory will be removed before building (this behavior can be disabled by passing --no-clean when building). Always use outputDir instead of modifying webpack output.path.

A directory (relative to outputDir) to nest generated static assets (js, css, img, fonts) under. assetsDir is ignored when overwriting the filename or chunkFilename from the generated assets. Default: 'index.html'. Specify the output path for the generated index.html (relative to outputDir).

Can also be an absolute path. By default, generated static assets contains hashes in their filenames for better caching control. However, this requires the index HTML to be auto-generated by Vue CLI.

If you cannot make use of the index HTML generated by Vue CLI, you can disable filename hashing by setting this option to false.