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>
 
 然后，您可以在模板html文件中使用%NODE_ENV% ，并将其与html-webpack-plugin的默认模板语法（lodash.template）结合使用： 
 < % if ( '%NODE_ENV%' === 'development' ) { % >
do something
< % } % >
 创建功能分支： git checkout -b my-new-featur
将会输出一个output.js文件，
自动将 vue-cli 中对 webpack 的配置信息导出到 output.js 文件，会发现下面一段代码：
  new DefinePlugin(
       'process.env': {
                                    vue-cli 创建的一个项目中执行命令vue inspect > output.js将 vue-cli 中webpack 的配置信息导出到 output.js 文件，会有一段代码：
 new DefinePlugin(
       'process.env': {
         NODE_ENV: '"development"',
         BASE_URL: '"/"'
在 webpack 中全局声明了 BASE_...
                                    本篇介绍或者说记录一下2020年3月用到的一个知识，index.html根据不用环境变化内容。场景：外部插件只能在index.html中引入，且开发、测试环境引入的地址与生产环境不一样处理：1、检查环境的配置：src\config\的环境配置，例如env.js，代码如下：
2、打开public/index.html，在需要切换内容的地方处理，例如：
这种方法可以引用vue工程本身的环境配置，而且编码简单，易用。...
                                    1.webpack 是什么？
webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将这些模块打包成一个或多个 bundle。
2.webpack 的核心概念
entry: 入口
output: 输出
loader: 模块转换器，用于把模块原内容按照需求转换成新内容
插件(plu...
看起来很牛pia，其实就是项目根目录（手动狗头）。
在 vue-cli 创建的一个项目中执行命令 vue inspect > output.js 将 vue-cli 中对 webpack 的配置信息导出到 output.js 文件，会发现下面一段代码：
new DefinePlugin(
       'process.env': {
【已解决】给react-hot-boilerplate中的index.html换成用HtmlWebpackPlugin自动生成html
期间，已经有了思路了，但是不知道如何在ejs的html中写条件判断
想要实现类似于这样的效果：
值得一提的是，在说webpack的速度优化之前，按需加载和按需引入，是你先要做好的，之后再说速度优化的问题。
按需加载，参考：https://segmentfault.com/a/1190000011519350
对参考博客中的一些问题的补充，
当前router.js中代码为
const Index = () =&gt; import('@/compo...
                                    html标签里面:
<% if (process.env.NODE_ENV === 'development') { %>
  <script src="<%= BASE_URL %>libs/vue/vue.js"></script>
  <script src="<%= BASE_URL %>libs/vue-router/vu...
目前html文件中只是引用一个script文件，且是固定的文件名，打包以后的文件名不确定，怎样避免手动设置路径？
那么接下来就是插件html-webpack-plugin登场了！
（一）、安装
1、安装插件  npm install html-webpac
                                    webpack之Index.html模板配置
1、单页面环境搭建
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
 mode:'development',
 plugin: [
  new HtmlWebpackPlugin({
   title:'多页面应用'，
   template: './index.html'//模板
   inject: 'body'//将生成的script标签应该放到什么