webpack 在index.html裏面區分環境變量

html標籤裏面:

  <% if (process.env.NODE_ENV === 'development') { %>
  <script src="<%= BASE_URL %>libs/vue/vue.js"></script>
  <script src="<%= BASE_URL %>libs/vue-router/vue-router.js"></script>
  <script src="<%= BASE_URL %>libs/vuex/vuex.js"></script>
  <% } else { %>
  <script src="<%= BASE_URL %>libs/vue/vue.min.js"></script>
  <script src="<%= BASE_URL %>libs/vue-router/vue-router.min.js"></script>
  <script src="<%= BASE_URL %>libs/vuex/vuex.min.js"></script>
  <% }
  %>

javascript裏面:

<script>

    if ('<%= process.env.NODE_ENV %>' === 'development') {
      window.SITE_CONFIG['apiURL'] = '/api';     //  prod_api                        // api請求地址
    }
    else {
      window.SITE_CONFIG['apiURL'] = '/prod_api';     //          
    }
</script>

訪問打包後的文件文件路徑:

  <script src="<%= BASE_URL %>iconfont/iconfont.js"></script>