使用vue init webpack test(项目文件夹名)命令初始化一个vue项目，cd test，然后安装依赖npm install之后会生成一些默认的文件夹和文件，这些文件和文件夹中有些和配置有关的。如果去专门的了解webpack一定会云里雾里，这里简单说明一下常用的配置。
1.babelrc文件
这个文件放在根目录下面设置转码规则的。
例如要想在代码中使用es6，就要在这个文件中配置"presets": ["es2015"]。
在项目代码中要使用jsx语法除了安装babel-plugin-transform-vue-jsx插件之外，还要配置"plugins": ["transform-runtime", "transform-vue-jsx"]。
2..editorconfig文件
这个文件配置编辑器的编码风格，目前本人还没有修改过。
3..eslintrc.js文件
这个文件放在根目录下面是负责代码规范，引入插件的。例如：
"globals": {
"plus": true,
"alert": true,
"xhook": true,
"sessionStorage": true,
"AlloyFingerVue": true,
"FastClick": true,
"_": true,"IScroll": true
},
这一段是用来允许使用第三方插件中的函数，如下举例
比如我们使用HBuilder打包程序，用到一些扩展，使用plus.downloader.createDownload下载，plus.runtime.version获取app当前版本等，所以配置"plus": true，然后在在代码中可以直接使用plus.xxxx。
在项目调试的时候有时候用到alert，所以配置"alert": true，然后在代码中可以直接使用alert()语句。
使用xhook拦截器，所以配置"xhook": true，在index.html中引入xhook插件<script src="static/js/xhook.min.js"></script>，在src/modules中新建xhoo.js文件并处理逻辑，然后在main.js中引入这个文件import './modules/xhook'。
在项目中想直接使用sessionStorage，所以配置"sessionStorage": true。
在项目中想使用AlloyFingerVue，所以配置"AlloyFingerVue": true，在static/js/下添加alloy_finger.vue.js文件，并导出AlloyFingerVue模块，然后在main.js中直接使用这个模块Vue.use(AlloyFingerVue)。
在项目中想使用FastClick，所以配置"FastClick": true，在index.html中引入fastclick插件<script src="static/js/fastclick.js"></script>，在src/modules中新建fast-click.js文件处理逻辑，在main.js中引入这个文件import './modules/fast-click'。
在项目中想使用underscore，所以配置"_": true，在static/js中添加underscore-min.js插件<script src="static/js/underscore-min.js"></script>，然后可以在代码中直接使用_.pluck，_.values等。
在项目中想使用iscroll，所以配置，在index.html中引入iscroll插件<script src="static/js/iscroll-probe.js"></script>，然后可以在代码中直接使用<iscroll-view></iscroll-view>并使用new IScroll语句。
4..eslintignore文件
想要引入三方js库，但是这些库不符合eslint规范，可以在这个文件里忽略掉，例如：
build/*.js
config/*.js
static
5..gitignore文件
这个文件用于配置不需要加入版本管理的文件，例如：
.DS_Store
node_modules/
npm-debug.log
test/unit/coverage
test/e2e/reports
selenium-debug.log
.idea
/clear
/src/modules/cache.js
6.package.json文件
这个文件主要用来配置项目要用到的依赖插件，这个文件一般不会手动更改，而是使用npm install xxxx 来安装插件，然后这个文件自动被修改。如下：
{
"name": "test",
"version": "1.0.0",
"description": "A Vue.js project",
"author": "xxx<xxx@qq.com>",
"private": true,
"scripts": {
"dev": "node build/dev-server.js",
"build": "node build/build.js",
"unit": "karma start test/unit/karma.conf.js --single-run",
"e2e": "node test/e2e/runner.js",
"test": "npm run unit && npm run e2e",
"lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
},
"dependencies": {
"date-fns": "^1.22.0",
"echarts": "^3.4.0",
"element-ui": "^1.1.2",
...... },
"devDependencies": {
"autoprefixer": "^6.6.1",
"babel-core": "^6.21.0",
"babel-eslint": "^7.1.1",
... ...
},
"engines": {
"node": ">= 4.0.0",
"npm": ">= 3.0.0"
}
}
7.build/build.js文件
执行打包命令的时候会执行这个文件，然后不知所云
8.build/check-versions.js文件
检查版本？不知所云
9.build/dev-client.js文件
不知所云
10.build/dev-server.js文件
app.use(staticPath, express.static('./static'))这句是指向static目录
11.build/utils.js文件
不知所云
12.build/vue-loader.conf.js文件
不知所云
13.build/webpack.base.conf.js文件
配置项目入口文件，如下：
entry: {
app: './src/main.js',
global: './src/window-global.js'
}
配置项目输出，如下：
output: {
path: config.build.assetsRoot,
filename: '[name].js',
publicPath: process.env.NODE_ENV === 'production'
? config.build.assetsPublicPath
: config.dev.assetsPublicPath
}
14.build/webpack.dev.conf.js文件
配置devtool选项更改打包方式。
15.build/webpack.prod.conf.js文件
不知所云。
16.build/webpack.test.conf.js文件
不知所云。
17.config/dev.env.js文件
不知所云。
18.config/index.js文件
配置打包目录，index文件，打包后的js文件路径等，如下：
build: {
env: require('./prod.env'),
index: path.resolve(__dirname, '../dist/index.html'),
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: '/',
productionSourceMap: true,
// Gzip off by default as many popular static hosts such as
// Surge or Netlify already gzip all static assets for you.
// Before setting to `true`, make sure to:
// npm install --save-dev compression-webpack-plugin
productionGzip: false,
productionGzipExtensions: ['js', 'css'],
// Run the build command with an extra argument to
// View the bundle analyzer report after build finishes:
// `npm run build --report`
// Set to `true` or `false` to always turn it on or off
bundleAnalyzerReport: process.env.npm_config_report
}
配置开环境下的调试端口，接口地址等，如下：
dev: {
env: require('./dev.env'),
port: 8080,
autoOpenBrowser: true,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
/* 张三 */
// '/jiKonCloud_1': {
// target: 'http://192.168.1.60:8080',
// changeOrigin: true
// },
/* 李四 */
// '/api': {
// target: 'http://192.168.1.9:8080',
// changeOrigin: true
// }
// '/api': {
// target: 'http://192.168.1.130:8080',
// changeOrigin: true
// }
/* 王五 */
// '/api': {
// target: 'http://192.168.100.120:8080/',
// changeOrigin: true
// }
/* 赵刘 */
// '/api': {
// target: 'http://192.168.100.176:9595',
// changeOrigin: true
// }
// '/api': {
// target: 'http://192.168.1.121:9595',
// changeOrigin: true
// }
/* 钱七 */
// '/api': {
// target: 'http://192.168.100.33:8080',
// changeOrigin: true
// }
// '/api': {
// target: 'http://192.168.1.107:8080',
// changeOrigin: true
// }
}
19.config/prod.env.js文件
不知所云
20.config/test.env.js文件
不知所云