分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

laravel webpack填坑(陆续更)

发布时间:2023-09-06 01:22责任编辑:赖小花关键词: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‘)
     1 ????//node_modules/laravel-mix/src/Api.js 2 ????/** 3 ?????* Register the Webpack entry/output paths. 4 ?????* 5 ?????* @param {string|Array} entry 6 ?????* @param {string} output 7 ?????*/ 8 ????js(entry, output) { 9 ????????Verify.js(entry, output);10 11 ????????entry = [].concat(entry).map(file => new File(file));12 ????????output = new File(output);13 14 ????????Config.js.push({ entry, output });15 16 ????????return this;17 ????}
  • 使用chunk时真的不知道多个入口文件用mix怎么弄,官方文档中就是说 - 哎呀我有extract这个方法,你自己研究去吧。。。
     1 ????//node_modules/laravel-mix/src/Api.js 2 ????/** 3 ?????* Register vendor libs that should be extracted. 4 ?????* This helps drastically with long-term caching. 5 ?????* 6 ?????* @param {Array} ?libs 7 ?????* @param {string} output 8 ?????*/ 9 ????extract(libs, output) {10 ????????Config.extractions.push({ libs, output });11 12 ????????return this;13 ????};
    1 //第二个参数可以alias2 extract([‘vue‘], ‘public/js/app_vendor.js‘)3 4 //多个入口文件5 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

laravel webpack填坑(陆续更)

原文地址:http://www.cnblogs.com/maxilo/p/7784662.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved