关于vue-cli3.0 vue.config.js配置(整合)
module.exports = {// baseUrl:"",//从 Vue CLI 3.3 起已弃用,使用blicPath/*** 设置项目的基路径,设置process.env.BASE_URL* 例如:http://192.168.43.243:8080==>http://192.168.43.243:8080/test*...
·
module.exports = {
// baseUrl:"",//从 Vue CLI 3.3 起已弃用,使用blicPath
/**
* 设置项目的基路径,设置process.env.BASE_URL
* 例如:http://192.168.43.243:8080 ==> http://192.168.43.243:8080/test
* 默认:'/'
* 注意:使用 publicPath 而不要直接修改 webpack 的 output.publicPath
*/
publicPath:"/test",
/**
* vue-cli-service build 时生成的生产环境构建文件的目录
* 默认:'dist'
* 默认删除构建目录,--no-clean可消除行为
* 注意:使用 outputDir 而不要修改 webpack 的 output.path
*/
outputDir:"dist",
/**
* 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录
* 默认:''
*/
assetsDir:"assets",
/**
* 指定生成的 index.html 的输出路径 (相对于 outputDir)
* 默认:'index.html'
*/
indexPath:"html/test.html",
/**
* 生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存
* 例如:true==>app.e2713bb0.css false==>app.css
* 默认:true
*/
filenameHashing:true,
pages:undefined,
lintOnSave:true,
transpileDependencies:[],
/**
* 是否生成.map文件
* 默认:true
* 开发环境设置为false加速开发
* 发布环境设置为true
* .map文件作用:项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错
*/
productionSourceMap:false,
/**
* 设置生成的 HTML 中 <link> 和 <script> 标签的 crossorigin 属性
* 默认:undefined
*/
crossorigin:undefined,
/**
* 在生成的 HTML 中的 <link> 和 <script> 标签上启用 Subresource Integrity (SRI)
* 默认:false
*/
integrity:true,
/**
* 配置webpack(简单配置)
*/
configureWebpack: {
resolve: {
//自定义路径别名
alias: {
'assets': '@/assets',
'#': '@/components',
'views': '@/views',
}
}
},
/**
* 配置webpack(链式操作)
*/
// chainWebpack:{},
/**
* css配置
* css.modules:
* css.extract:
* css.sourceMap:是否生成css.map文件
* css.loaderOptions:
*/
css:{
modules:false,
extract:true,
sourceMap:true,
loaderOptions:{
//配置全局scss变量或者mixin....
sass: {
data: `@import "@/global.scss";`
}
}
},
/**
* webpack-dev-server配置
* devServer.proxy:
*/
// devServer:{
// proxy:{}
// },
// parallel:require('os').cpus().length > 1,
// pwa:{},
// pluginOptions:{}
}
更多推荐
已为社区贡献1条内容
所有评论(0)