module.exports = {
// node_modules里的依赖默认是不会编译的,会导致es6语法在ie中的语法报错,
// 所以需要在vue.config.js中使用transpileDependencies属性配置node_modules
// 中指定哪些文件夹或文件需要编译.
transpileDependencies: ture, // true的时候是全部编译
publicPath: '/', // 部署应用包时的基本 URL
outputDir: 'dist', // 打包时输出的文件目录
assetsDir: '', // 设置放置打包生成的静态资源 (js、css、img、fonts) 的目录
indexPath: 'index.html', // 用于设定打包生成的 index.html 文件的存储位置
filenameHashing: true, // 文件名哈希
pages: undefined, // 多页面配置
lintOnSave: true, // 设置是否在开发环境下每次保存代码时都启用 eslint验证
runtimeCompiler: false, // 是否使用包含运行时编译器的 Vue 构建版本
// 每个文件打包后都会出现一个.map文件,.map文件会出现一定的网络安全问题,
// 我们可以通过productionSourceMap进行操作,使打包的文件不在出现.map文件,
// 打包后的文件体积也会减少。
productionSourceMap: true, // 生产环境是否生成 sourceMap 文件
crossorigin: undefined, // 设置生成的 HTML 中 <link rel="stylesheet"> 和 <script> 标签的
crossorigin 属性
integrity: false, // 是否在生成的 HTML 中启用 Subresource Integrity (SRI)
configureWebpack: {}, // webpack 配置
chainWebpack: () => {}, // webpack 链式配置
css: {
modules: false, // 启用 CSS modules
extract: true, // 是否使用 CSS 分离插件
sourceMap: false, // 是否为 CSS 开启 source map
loaderOptions: {}, // css-loader 选项
},
// 热更新
devServer: {
open: false, // npm run serve 时是否直接打开浏览器
// 开发运行时域名,设置成'0.0.0.0',在同一个局域网下,如果你的项目在运行,
// 同时可以通过你的http://ip:port/...访问你的项目
host: '0.0.0.0', // 指定使用一个 host,默认是 localhost
port: 8080, // 端口号
https: false, // 是否使用 https
hotOnly: false, // 是否开启热更新
proxy: null, // 配置跨域代理
before: app => {}, // 提供在服务器内部的其他中间件之前执行自定义中间件的能力
},
pluginOptions: {}, // 第三方插件配置
};
vue.config.js 配置文件解读
于 2024-04-03 17:19:10 首次发布