vue.config.js文件通用配置
时间: 2023-07-06 08:30:01 浏览: 107
vue.config.js配置
以下是一些通用的 `vue.config.js` 配置选项:
```javascript
module.exports = {
// 部署应用时的基本 URL
publicPath: '/',
// 生产环境构建文件的目录名
outputDir: 'dist',
// 静态资源目录 (js, css, img, fonts)
assetsDir: 'assets',
// 是否在开发环境下通过 eslint-loader 在每次保存时 lint 代码
lintOnSave: true,
// 是否使用包含运行时编译器的 Vue 构建版本
runtimeCompiler: false,
// Babel 显式转译列表
transpileDependencies: [ /* string or regex */ ],
// 是否为生产环境构建生成 source map?
productionSourceMap: true,
// 调整 webpack 配置
configureWebpack: {
// ...
},
// CSS 相关选项
css: {
// 将组件内的 CSS 提取到一个单独的 CSS 文件 (只用在生产环境中)
extract: true,
// 是否开启 CSS source map?
sourceMap: false,
// 为预处理器的 loader 传递自定义选项。比如传递给
// sass-loader 时,使用 `{ sass: { ... } }`。
loaderOptions: {},
// 为所有的 CSS 及其预处理文件开启 CSS Modules。
// 这个选项不会影响 `*.vue` 文件。
modules: false
},
// 在多核机器下会默认开启。
parallel: require('os').cpus().length > 1,
// PWA 插件相关配置
pwa: {
// ...
},
// 第三方插件配置
pluginOptions: {
// ...
}
}
```
以上是一些常见的 `vue.config.js` 配置选项,根据项目需要进行修改即可。需要注意的是,修改配置项时必须符合驼峰式命名规范,并且一些选项只在生产环境或开发环境下生效。
阅读全文