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

2019-07-12  本文已影响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'
          }
        }
      }
    }
  }
}

上一篇下一篇

猜你喜欢

热点阅读