mirror of
https://github.com/vuejs/vue-cli.git
synced 2026-04-20 11:30:43 -05:00
a9e12865b5
BREAKING CHANGE: `devBaseUrl` option has been removed. `baseUrl` now works for both development and production. To use different paths for prod/dev, use conditional values based on `process.env.NODE_ENV` in `vue.config.js`.
88 lines
2.6 KiB
Markdown
88 lines
2.6 KiB
Markdown
## `vue.config.js`
|
|
|
|
Here are all the available options with default values (all optional):
|
|
|
|
``` js
|
|
module.exports = {
|
|
// Project deployment base
|
|
// By default we assume 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 here. For example, if your app is deployed at
|
|
// https://www.foobar.com/my-app/
|
|
// then change this to '/my-app/'
|
|
baseUrl: '/',
|
|
|
|
// where to output built files
|
|
outputDir: 'dist',
|
|
|
|
// where to put static assets (js/css/img/font/...)
|
|
assetsDir: '',
|
|
|
|
// whether to use eslint-loader for lint on save.
|
|
// valid values: true | false | 'error'
|
|
// when set to 'error', lint errors will cause compilation to fail.
|
|
lintOnSave: true,
|
|
|
|
// use the full build with in-browser compiler?
|
|
// https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only
|
|
runtimeCompiler: false,
|
|
|
|
// babel-loader skips `node_modules` deps by default.
|
|
// explicitly transpile a dependency with this option.
|
|
transpileDependencies: [/* string or regex */],
|
|
|
|
// generate sourceMap for production build?
|
|
productionSourceMap: true,
|
|
|
|
// tweak internal webpack configuration.
|
|
// see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
|
|
chainWebpack: () => {},
|
|
configureWebpack: () => {},
|
|
|
|
// CSS related options
|
|
css: {
|
|
// extract CSS in components into a single CSS file (only in production)
|
|
// can also be an object of options to pass to extract-text-webpack-plugin
|
|
extract: true,
|
|
|
|
// enable CSS source maps?
|
|
sourceMap: false,
|
|
|
|
// pass custom options to pre-processor loaders. e.g. to pass options to
|
|
// sass-loader, use { sass: { ... } }
|
|
loaderOptions: {},
|
|
|
|
// Enable CSS modules for all css / pre-processor files.
|
|
// This option does not affect *.vue files.
|
|
modules: false
|
|
},
|
|
|
|
// use thread-loader for babel & TS in production build
|
|
// enabled by default if the machine has more than 1 cores
|
|
parallel: require('os').cpus().length > 1,
|
|
|
|
// options for the PWA plugin.
|
|
// see https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
|
|
pwa: {},
|
|
|
|
// configure webpack-dev-server behavior
|
|
devServer: {
|
|
open: process.platform === 'darwin',
|
|
disableHostCheck: false,
|
|
host: '0.0.0.0',
|
|
port: 8080,
|
|
https: false,
|
|
hotOnly: false,
|
|
// See https://github.com/vuejs/vue-cli/blob/dev/docs/cli-service.md#configuring-proxy
|
|
proxy: null, // string | Object
|
|
before: app => {}
|
|
},
|
|
|
|
// options for 3rd party plugins
|
|
pluginOptions: {
|
|
// ...
|
|
}
|
|
}
|
|
```
|