Laravel mix 怎么引用 npm 下载的插件?
【性价之王】 | 【线路之王】 | 【价格之王】 | 【配置之王】 |
【免费之王】 | 【香港首推】 | 【梯子之王】 | 【独服之王】 |
Laravel Mix 提供了定义 Webpack 构建步骤的 API,用于在应用中使用常见的 CSS 和 JavaScript 预处理器。通过链式调用这些简洁方法,可以流畅地定义资源管道。
但是官方手册却没有详细的说明我们通过 npm 下载的插件包,要怎么通过 Webpack 打包到应用的 CSS 和 JavaScript 中,下面介绍一下具体流程,以安装 bootstrap-fileinput 为例:
1.首先我们运行 mix 监听资源变化
npm run watch
2.通过 npm 安装 bootstrap-fileinput:
npm install bootstrap-fileinput
执行命令后,bootstrap-fileinput 会被下载到项目的 node_modules 文件夹中
3.引入 bootstrap-fileinput.js
我们打开 resources/js/app.js,加入以下代码:
require('bootstrap-fileinput')
4.引入 bootstrap-fileinput.css
我们打开 resources/sass/app.sass,加入以下代码:
@import '~bootstrap-fileinput/scss/fileinput';
到此我们就完成了 Laravel mix 引用 npm 下载的插件,刷新前台页面后就会发现 app.js 和 app.css 中已经编译包含了 bootstrap-fileinput 的 js 和 css 文件。
[永久免费VPS 香港VPS]历史优惠活动内容
猜你可能想看的VPS
- onevps 推出日本专业奈飞(Netflix)VPS 首月半价 10T日本VPS[主机]
- PacificRack→$7.25 年 KVM-512MB 10GB 5全球[VPS测评]
- 便宜 PacificRack→$10.99 每年 1 核 512M 内存全球[VPS测评]
- 景文互联→云服务器全场 8 折 年付内存翻倍 充值 1000 元送 30全球[VPS测评]
- DediPath→$79 月-E3 1240v2 16GB 2x2TB 全球[VPS测评]
- walkerservers→€35 月 I7-2600 16GB 内存 全球[VPS测评]
- 10g.biz 洛杉矶三网直连/CN2GIA独服 七折 $97.3起/月全球[VPS测评]
- 美国便宜 VPS 春节促销汇总,最低$7.5/年。美国VPS[主机]
- 纯代码实现WordPress评论显示访客UA和地理信息全球[VPS测评]
- PacificRack便宜VPS促销 2核4G/50G纯SSD硬盘/2个全球[VPS测评]
- SoyouStart → E3-1225v2 16G 内存 3*2T S全球[VPS测评]
- RivenCloud 1G内存 10G SSD 2T流量 1G带宽 BG全球[VPS测评]
- 创意加载进度HTML动画特效,SVG+CSS3实现的动画死神来了load全球[VPS测评]
- 深圳市城市交通规划设计研究中心股份有限公司关于与腾讯云计算(北京)有限责全球[VPS测评]
- 一篇漫画,看懂云计算全球[VPS测评]
- 数据中心助力光纤光缆行业发展全球[VPS测评]
- HostXen:双十一新用户香港、日本vps,送20元代金券,充值300日本VPS[主机]
- 群英云怎么样?2核2G3M华北BGP云服务器,98元/首月;香港cn2v香港VPS[主机]
- 恒创科技:国庆中秋双节同庆,香港1核2G云服务器,年付378元香港VPS[主机]
- 百家云服务器怎么样?免备案香港云服务器、即开即用香港VPS[主机]
- 极光kvm怎么样,便宜大带宽香港cmi vps/美国gia vps低至1美国VPS[主机]
- 触摸云:香港BGP/香港CN2/美国GIA高防CN2 GIA云服务器2H美国VPS[主机]
- 亿恩科技香港云服务器 2核2G服务器特价700元/年香港VPS[主机]
- 2022年黄河流域跨境电商博览会将于8月26日至28日在青岛西海岸新区举全球[VPS测评]
- 阿里行癫:如何理解当下的云计算全球[VPS测评]
- 为什么要拥有一台VPS?全球[VPS测评]
- 极亿云:大连/沈阳/北京/广州/深圳云服务器低至48.7元/月;香港cn香港VPS[主机]
- diyvm:香港vps/美国vps/日本vps/2核/2G内存/5M带宽日本VPS[主机]
- cmivps:全场7折,香港不限流量VPS,Windows系统,LinuWINDOWS
- Hyocloud:愚人节,特惠+预售,香港BGP VPS/大带宽/大流量香港VPS[主机]
转载请注明原文地址:https://www.motoll.com/read-216285.html