配置webpack 的配置文件夹

在prod.env里面是引出了生产环境

然后在dev.env.js中先使用merge来实现合并

接着将生产环境与开发环境进行合并

assetsSubDirectory指的是静态资源文件夹,默认“static” 什么是静态文件夹

assetsPublicPath指的是发布路径,这里的发布路径为‘ /’ 这是什么意思

proxyTable是我们常用来配置代理API的地方  这里将自己的端口号 这里将曾经写的api 代理删除,估计采用其他方式 

至于后面的端口号可以     也可以通过 这个process.env.HOST来进行指定,那么这个文件process.env.HOST在什么地方

autoOpenBrowser是否自动打开浏览器 errorOverlay查询错误,查询什么错误?

notifyOnErrors通知错误 与查询错误对应 ,是一个错误的通知

poll是跟devserver相关的一个配置,webpack为我们提供的devserver是可以监控文件改动的,但在有些情况下却不能工作,我们可以设置一个轮询(poll)来解决  意思就是加上这个poll 可以监控到devsever 没有监控的地方,但是哪些情况不能工作,无法工作的原因是什么呢

useEslint是否使用eslint

showEslintErrorsInOverlay是否展示eslint的错误提示

devtool webpack提供的用来方便调试的配置,它有四种模式,    我这里选择的是 而cheap-module-eval-source-map  为什么要选择怎么去使用这个选项,是因为sourcemap想要去到某个地方去解决 追踪budle ,来方便调式,接着的dvtools 来指定如何来生成sourcemap,就像 eval-source-map,每个模块使用 eval() 执行,并且 SourceMap 转换为 DataUrl 后添加到 eval() 中,这是一种循环往复的行为。"低开销"是因为它没有生成列映射(column map),只是映射行数,这是一种只生成行数的映射方法

cacheBusting 一个配合devtool的配置,当给文件名插入新的hash导致清楚缓存时是否生成souce maps,默认在开发环境下为true

cssSourceMap 是否开启cssSourceMap

index 编译后index.html的路径,path.resolve(__dirname, ‘../dist‘)中绝对路径与相对路径的关系

assetsRoot: path.resolve(__dirname, ‘../dist‘),//这里是打包后的根路径
    assetsSubDirectory: ‘static‘,
    assetsPublicPath: ‘./‘,
    productionSourceMap: true,//是否开启sourcemap
 
    devtool: ‘#source-map‘,
   productionGzip: false,//是否压缩
    productionGzipExtensions: [‘js‘, ‘css‘],//压缩什么类型的数据
 
    bundleAnalyzerReport: process.env.npm_config_report

配置webpack 的配置文件夹

上一篇:03.敏捷估计与规划——An Agile Approach笔记


下一篇:Android基于jenkins全自动构建打包---------Windows版本(Android,Jenkins,360加固,Email,QRcode,参数构建,蒲公英)