Vue的的Vue-cli 3如果需要配置一些文件的情况,需要我们手动去创建vue.config.js。
在根目录创建vue.config.js文件
vue.config.js 的配置内容
const path = require('path')
function resolve (dir) {
return path.join(__dirname, dir)
} //配置icon使用方法
module.exports = {
// 部署应用包时的基本 URL,用法和 webpack 本身的 output.publicPath 一致
publicPath: './',
// 输出文件目录
outputDir: 'lamp',
// eslint-loader 是否在保存的时候检查
lintOnSave: true,
// 是否使用包含运行时编译器的 Vue 构建版本
runtimeCompiler: false,
// 生产环境是否生成 sourceMap 文件
productionSourceMap: false,
// 生成的 HTML 中的 <link rel="stylesheet"> 和 <script> 标签上启用 Subresource Integrity (SRI)
integrity: false,
//放置生成的静态资源 (js、css、img、fonts) 的目录
assetsDir: 'assets',
// webpack相关配置
chainWebpack (config) {
config.module
.rule('svg')
.exclude.add(resolve('src/icons'))
.end()
config.module
.rule('icons')
.test(/\.svg$/)
.include.add(resolve('src/icons'))
.end()
.use('svg-sprite-loader')
.loader('svg-sprite-loader')
.options({
symbolId: 'icon-[name]'
})
.end()
},
configureWebpack: {},
// css相关配置
css: {
// 是否开启 CSS source maps
sourceMap: false,
// css预设器配置项
loaderOptions: {},
},
// PWA 插件相关配置
pwa: {},
// webpack-dev-server 相关配置
devServer: {
// open: true,
// host: 'localhost',
// port: 8080,
// https: false,
// hotOnly: false,
// http 代理配置
proxy: {
'/api': {
target: 'http://56.115.106.175:8080',//测试
// target: 'http://56.115.106.175:3030',//本地
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
},
'/apix': {
},
},
before: (app) => { }
},
// 第三方插件配置
pluginOptions: {
}
}
这些是我这边需要用到的一些配置,还有其他需求的话可以去官方文档:https://cli.vuejs.org/zh/config/#lintonsave