当前位置: 代码迷 >> 综合 >> vue cli3 vue.config.js
  详细解决方案

vue cli3 vue.config.js

热度:55   发布时间:2023-12-13 21:05:06.0
const path = require('path')
const debug = process.env.NODE_ENV !== 'production'
//const VueConf = require('./src/assets/js/libs/vue_config_class')
//const vueConf = new VueConf(process.argv)module.exports = {publicPath: '/', // 根域上下文目录outputDir: 'dist', // 构建输出目录assetsDir: 'assets', // 静态资源目录 (js, css, img, fonts)indexPath: 'index.html',lintOnSave: false, // 是否开启eslint保存检测,有效值:ture | false | 'error'runtimeCompiler: true, // 运行时版本是否需要编译transpileDependencies: [], // 默认babel-loader忽略mode_modules,这里可增加例外的依赖包名productionSourceMap: false, // 是否在构建生产包时生成 sourceMap 文件,false将提高构建速度// productionSourceMap: true, // 是否在构建生产包时生成 sourceMap 文件,false将提高构建速度css: { // 配置高于chainWebpack中关于css loader的配置modules: true, // 是否开启支持‘foo.module.css’样式extract: true, // 是否使用css分离插件 ExtractTextPlugin,采用独立样式文件载入,不采用<style>方式内联至html文件中sourceMap: false, // 是否在构建样式地图,false将提高构建速度loaderOptions: { // css预设器配置项sass: {prependData: `@import "@/assets/scss/mixin.scss";`}}},// configureWebpack: config => { // webpack配置,值位对象时会合并配置,为方法时会改写配置//     if (debug) { // 开发环境配置//         config.devtool = 'cheap-module-eval-source-map'//     } else { // 生产环境配置//     }//      Object.assign(config, { // 开发生产共同配置,配置别名//          resolve: {//              alias: {//                  '@': path.resolve(__dirname, './src'),//                  '@c': path.resolve(__dirname, './src/components'),//                 'vue$': 'vue/dist/vue.esm.js'//             }//         }//      })// },// chainWebpack: config => { // webpack链接API,用于生成和修改webapck配置,//     if (debug) {//         // 本地开发配置//     } else {//         // 生产开发配置//     }// },// parallel: require('os').cpus().length > 1, // 构建时开启多进程处理babel编译// pluginOptions: { // 第三方插件配置// },// pwa: { // 单页插件相关配置 https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa// },devServer: {open: true,host: 'localhost',port: 80,// https: false,// hotOnly: false,// proxy: 'http://127.0.0.1:8080' // 配置跨域处理,只有一个代理proxy: { // 配置跨域'/api': {//要访问的跨域的api的域名target: 'http://127.0.0.1:2233/api',ws: true,changOrigin: true,pathRewrite: {'^/api': ''}}},// before: app => { }}
}
  相关解决方案