Vue项目index.html中的<%= BASE_URL %>

在Vue中遇到很多url都用到了<%= BASE_URL %>这个东西。

<%= BASE_URL %> // 项目根目录

在 vue-cli 创建的一个项目中执行命令

 vue inspect > output.js

将会输出一个output.js文件,
自动将 vue-cli 中对 webpack 的配置信息导出到 output.js 文件,会发现下面一段代码:

  new DefinePlugin(
     {
       'process.env': {
         NODE_ENV: '"development"',
         BASE_URL: '"/"'
       }
     }
   ),

在 webpack 配置中使 webpack.definePlugin 这个内置 webpack 插件全局声明了 BASE_URL 这个变量为项目根目录。

你可能感兴趣的:(vue,webpack)