美文网首页
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