laravel webpack填坑(陸續更)

• ie Promise支持需引入babel-polyfill, 在官方文檔中js函數介紹有點少導致按babel-polyfill官方引入時找不到北

  //webpack.mix.js
  mix.js(['node_modules/babel-polyfill/lib/index.js', 'resources/assets/js/admin.js'], 'public/js/admin.js')

   

      //node_modules/laravel-mix/src/Api.js
      /**
       * Register the Webpack entry/output paths.
       *
       * @param {string|Array} entry
       * @param {string} output
       */
      js(entry, output) {
          Verify.js(entry, output);
  
          entry = [].concat(entry).map(file => new File(file));
          output = new File(output);
  
          Config.js.push({ entry, output });
  
          return this;
      }

   

• 使用chunk時真的不知道多個入口文件用mix怎么弄,官方文檔中就是說 - 哎呀我有extract這個方法,你自己研究去吧。。。

      //node_modules/laravel-mix/src/Api.js
      /**
       * Register vendor libs that should be extracted.
       * This helps drastically with long-term caching.
       *
       * @param {Array}  libs
       * @param {string} output
       */
      extract(libs, output) {
          Config.extractions.push({ libs, output });
  
          return this;
      };

  //第二個參數可以alias
  extract(['vue'], 'public/js/app_vendor.js')
  
  //多個入口文件
  mix.js('resources/assets/js/app.js', 'public/js').extract(['vue'], 'public/js/app_vendor.js')
  　　　.js(['node_modules/babel-polyfill/lib/index.js', 'resources/assets/js/admin.js'], 'public/js/admin.js').extract(['vue'], 'public/js/admin_vendor.js')

  laravel文檔就是相當的穩,不斷訓練我們直面源碼:)

#laravel文檔寫得真好

end