Vue-cli中的webpack

简介

1 .没有webpack配置，而是由一个vue.config.js文件来满足我们对封装的webpack默认配置的修改

常用配置

1 .outputDir

1 .npm run build 生成生产环境构建文件的目录
outputDir: 'output'
会打包到output文件下

2 .productionSourceMap

1 .生产环境下构建source map的方式

3 .publicPath:部署应用时的基本URL

1 .默认值时/
2 .基本地址是http://www.test.com,如果想要部署到http://www.test.com/my-app/
3 .就需要 publicPath:/my-app/

4 .configureWebpack

1 .可以对原来的配置进行整体的替换和修改
// vue.config.js
module.exports = {
  ...
  // config 参数为已经解析好的 webpack 配置
  configureWebpack: config => {
    // config.plugins = []; // 这样会直接将 plugins 置空
    // 使用 return 一个对象会通过 webpack-merge 进行合并，plugins 不会置空
    return {
      plugins: []
    }
  }
  ...
}

5 .devServer

1 .用于配置webpack-dev-server的操作