美文网首页
vue-cli构建的vue项目,关于webpack配置---do

vue-cli构建的vue项目,关于webpack配置---do

作者: 前端青音 | 来源:发表于2019-07-12 11:53 被阅读0次

    vue-cli官网中webpack 相关内容,这里有一些简单的内容。
    完整的更深层次的请看webpack官网

    粗体

    引用段落

    以下为用vue-cli构建的vue项目中的vue.config.js文件中的内容,关于webpack的配置
    publicPath
    dev-server
    devserverproxy

    splitChunks

    
    module.exports = {
      publicPath: process.env.NODE_ENV === 'production' ? '/new/' : '/', //路径
      devServer: {
        proxy: 'http://xxx.xxx.xxx'
      },
      configureWebpack: config => {
        config.optimization = {
          splitChunks: {
            chunks: 'all',
            cacheGroups: {
              libs: {
                name: 'chunk-libs',
                priority: 20,
                test: /[\\/]node_modules[\\/]_?(axios|jquery|js-cookie|lodash)/,
                chunks: 'all'
              },
              elementUI: {
                name: 'chunk-element-ui',
                priority: 20,
                test: /[\\/]node_modules[\\/]_?element-ui/,
                chunks: 'all'
              }
            }
          }
        }
      }
    }
    
    

    相关文章

      网友评论

          本文标题:vue-cli构建的vue项目,关于webpack配置---do

          本文链接:https://www.haomeiwen.com/subject/sarekctx.html