vue-cli 构建(期限2天内，因为还不是很熟悉webpack)

什么是--inline ?

在 dev-server 的两种不同模式之间切换。默认情况下，应用程序启用内联模式(inline mode)。这意味着一段处理实时重载的脚本被插入到你的包(bundle)中，并且构建消息将会出现在浏览器控制台。

什么是--progress ?

将运行进度输出到控制台。

2018年8月8日19点47分

我弄了一个可以正常使用的vue了。

里面的坑有 improt vue from "vue"，然后运行的时候，告诉我不能使用template。 我去看看vue的package.json文件，发现，哇。

"main": "dist/vue.runtime.common.js"

现在可以去查查vue.runtime.common.js是什么文件了。

运行时：用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切。

我是按照vue-cli那样搭建的，我也感觉不需要优化吧。

= = 因为我想不到有什么很好的办法。“直接标签引入就好啦。“不不，这需要编译器的。”mount("#app)呢“不清楚...哦 直接render丢进去绝对OK的。

https://www.cnblogs.com/hefty/p/6221183.html

compress前后

一定要使用copy-webpack-plugin(虚拟,相关可以查devServer)

我到现在还不明白 我使用file-loader加载图片，然后也看了vue-loader相关资源文档，告诉我 图片会使用require('')来处理

createElement('img', {
       attrs: {
           src: require('../image.png') // 现在这是一个模块的请求了
       }
   })

transformToRequire:{
       video: ['src', 'poster'],
       source: 'src',
       img: 'src',
       image: 'xlink:href'
   }//这是vue-loader那的一个options

也就是说不需要使用file-loader(我也看到vue-cli的base没有使用 file-loader)。好吧，我搞了很久，一直都说路径有 问题，明明是正确的，可是就是有问题。 然后又看了

vue-html-loader and css-loader translates non-root URLs to relative paths. In order to treat it like a module path, prefix it with ~:
img class="logo" src="~assets/logo.png"

这根本就不是我想要的。 怎么办？直接vue-cli一探究竟吧！

   new CopyWebpackPlugin([
     {
       from: path.resolve(__dirname, '../static'),
       to: config.dev.assetsSubDirectory,
       ignore: ['.*']
     }
   ])

devserver.contentBase:false

这下可以猜测:

我所查的那些东西，和vue-loader所说的东西！是mode:production的。
我想要的devServer可不管这些东西。所以正确做法就是使用
copy-webpack-plugin
你可以再深入点，为什么这个插件也是虚拟的。我觉得的可能性有一.这个插件根据mode的情况来判断。
二.devServer的特性就是不真正处理文件。
自己研究吧，把mode: ‘development’改一下。