vue-cli + webpack自动生成项目

<span style="color: #0000ff">const path = require(<span style="color: #800000">'<span style="color: #800000">path<span style="color: #800000">'<span style="color: #000000">)

module.exports =<span style="color: #000000"> {
dev: {

</span><span style="color: #008000"&gt;//</span><span style="color: #008000"&gt; Paths</span>
assetsSubDirectory: <span style="color: #800000"&gt;'</span><span style="color: #800000"&gt;static</span><span style="color: #800000"&gt;'</span><span style="color: #000000"&gt;,assetsPublicPath: </span><span style="color: #800000"&gt;'</span><span style="color: #800000"&gt;/</span><span style="color: #800000"&gt;'</span><span style="color: #000000"&gt;,proxyTable: {},</span><span style="color: #008000"&gt;//</span><span style="color: #008000"&gt; Various Dev Server settings</span>
host: <span style="color: #800000"&gt;'</span><span style="color: #800000"&gt;localhost</span><span style="color: #800000"&gt;'</span>,<span style="color: #008000"&gt;//</span><span style="color: #008000"&gt; can be overwritten by process.env.HOST</span>
port: <span style="color: #800080"&gt;8080</span>,<span style="color: #008000"&gt;//</span><span style="color: #008000"&gt; can be overwritten by process.env.PORT,if port is in use,a free one will be determined</span>
autoOpenBrowser: <span style="color: #0000ff"&gt;false</span><span style="color: #000000"&gt;,errorOverlay: </span><span style="color: #0000ff"&gt;true</span><span style="color: #000000"&gt;,notifyOnErrors: </span><span style="color: #0000ff"&gt;true</span><span style="color: #000000"&gt;,poll: </span><span style="color: #0000ff"&gt;false</span><span style="color: #000000"&gt;,useEslint: </span><span style="color: #0000ff"&gt;true</span><span style="color: #000000"&gt;,showEslintErrorsInOverlay: </span><span style="color: #0000ff"&gt;false</span><span style="color: #000000"&gt;,</span><span style="color: #008000"&gt;/*</span><span style="color: #008000"&gt;*
 * Source Maps
 </span><span style="color: #008000"&gt;*/</span>

<span style="color: #008000"&gt;//</span> <span style="color: #008000; text-decoration: underline"&gt;https://webpack.js.org/configuration/devtool/</span><span style="color: #008000"&gt;#development</span>
devtool: <span style="color: #800000"&gt;'</span><span style="color: #800000"&gt;cheap-module-eval-source-map</span><span style="color: #800000"&gt;'</span><span style="color: #000000"&gt;,cacheBusting: </span><span style="color: #0000ff"&gt;true</span><span style="color: #000000"&gt;,cssSourceMap: </span><span style="color: #0000ff"&gt;true</span><span style="color: #000000"&gt;

},build: {
<span style="color: #008000">//<span style="color: #008000"> 在任何模块文件内部，可以使用dirname变量获取当前模块文件所在目录的完整绝对路径。
index: path.resolve(dirname,<span style="color: #800000">'<span style="color: #800000">../dist/index.html<span style="color: #800000">'<span style="color: #000000">),<span style="color: #008000">//<span style="color: #008000"> Paths
assetsRoot: path.resolve(__dirname,<span style="color: #800000">'<span style="color: #800000">../dist<span style="color: #800000">'<span style="color: #000000">),assetsSubDirectory: <span style="color: #800000">'<span style="color: #800000">static<span style="color: #800000">'<span style="color: #000000">,<span style="color: #008000">/<span style="color: #008000">

• Source Maps
  <span style="color: #008000">*/<span style="color: #000000">

productionSourceMap: </span><span style="color: #0000ff"&gt;true</span><span style="color: #000000"&gt;,</span><span style="color: #008000"&gt;//</span> <span style="color: #008000; text-decoration: underline"&gt;https://webpack.js.org/configuration/devtool/</span><span style="color: #008000"&gt;#production</span>
devtool: <span style="color: #800000"&gt;'</span><span style="color: #800000"&gt;#source-map</span><span style="color: #800000"&gt;'</span><span style="color: #000000"&gt;,productionGzip: </span><span style="color: #0000ff"&gt;false</span><span style="color: #000000"&gt;,productionGzipExtensions: [</span><span style="color: #800000"&gt;'</span><span style="color: #800000"&gt;js</span><span style="color: #800000"&gt;'</span>,<span style="color: #800000"&gt;'</span><span style="color: #800000"&gt;css</span><span style="color: #800000"&gt;'</span><span style="color: #000000"&gt;],</span><span style="color: #008000"&gt;//</span><span style="color: #008000"&gt; Run the build command with an extra argument to
</span><span style="color: #008000"&gt;//</span><span style="color: #008000"&gt; View the bundle analyzer report after build finishes:
</span><span style="color: #008000"&gt;//</span><span style="color: #008000"&gt; `npm run build --report`
</span><span style="color: #008000"&gt;//</span><span style="color: #008000"&gt; Set to `true` or `false` to always turn it on or off</span>

<span style="color: #000000"> bundleAnalyzerReport: process.env.npm_config_report
}
}