laravel前端内容编译：小白的惨痛经历

最新推荐文章于 2024-08-13 08:33:42 发布
最新推荐文章于 2024-08-13 08:33:42 发布
阅读量5k 收藏 1
点赞数 1
分类专栏： laravel
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YQXLLWY/article/details/73603588
版权
这篇博客记录了一位新手在使用laravel前端内容编译时遇到的问题。作者按照教程操作，发现版本不匹配导致编译配置文件缺失。通过package.json文件配置项目需求，并在没有webpack配置文件的情况下，手动创建webpack.min.js来设定编译规则。文章还介绍了如何运行编译命令以及编译文件的过程。
摘要由CSDN通过智能技术生成

第一次用Laravel，结果当然很不熟悉，所以照着教程一步步下去，很可惜的是教程是Laravel 5.1的，我装的版本是Laravel 5.4的，教程上说用gulp进行编译，结果没给配置文件，我有一句MMP一定要说！

所以就结合自己以前的一点经验开始蒙了，现在总结如下：

package.json

这个可以看成是npm的配置文件，在里面可以配置你需要的内容，这个文件是默认生成好的，但是我也还是贴一下吧：

{
  "private": true,
  "scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=
最低0.47元/天 解锁文章
trouble-i-am-in
关注
专栏目录
Laravel Mix编译前端资源
soulandswear的博客
07-24 4738
  目前项目是使用的vue+laravel来写的，其中laravel和vue分别放了一个目录，但是这样有个问题，那就是vue需要经常更新，不然运行项目会经常出现各种问题，这里就看了看laravel的文档，才知道还有Mix这个组件，进行编译前后端资源。下载完成后的目录和laravel是一样的，只是在根目录下面有一个node_models目录。 安装： 安装Node，首先要确保自己的电脑上面...
laravel php编译安装
xiaoyao778的专栏
08-26 686
以前没搞过PHP，最近帮小伙伴做个小项目要用这个。苦逼的搞了N久的环境，现将步骤记录下来(centos)。 mysql安装: yum install mysql-server mysql mysql-deve yum install pcre-devel openssl-devel libXpm-devel fontconfig-devel libmcrypt: tar -xvz
推荐文章：Laravel-Modules - 让您的Laravel应用管理更加高效和模块化！
最新发布
gitblog_00053的博客
08-13 659
推荐文章：Laravel-Modules - 让您的Laravel应用管理更加高效和模块化！ laravel-modulesModule Management In Laravel项目地址:https://gitcode.com/gh_mirrors/la/laravel-modules 项目介绍 在Laravel开发的世界里，随着应用的日益复杂和扩大，模块化的管理和维护变得至关重要。为此，我们...
laravel 环境自编译过程
weixin_30950887的博客
12-13 177
【原创】 看到此文的朋友看完后也许会失望，但我尽最大努力不让搜友们失望，以下是自己操作的笔记用以整理提高 虽然 laravel 官方已给出了安装 laravel 框架所需的环境盒子 使用Vagrant安装 LaravelHomestead 但是那个也不好弄关键是体积比较大，所以就想自己尝试下手动编译安装 laravel 所需的官方标配的php扩展： PHP> = 7.0.0 OpenSSL...
Laravel Mix编译Css、Js资源文件，并动态改变资源版本号
qq_37604998的博客
11-16 960
最近正好遇到一个需求，是前端那边要求我们要能够监控CSS和JS等前端资源文件内容改变，动态的给其添加版本号后缀，以解决浏览器缓存的问题。 因为我们的项目后端使用的是Laravel框架，所以就查了laravel框架有没有自带这个功能，翻看了官方文档，看到其提供了Mix这个功能，一下就是laravel框架使用Mix的流程 一、Mix安装【详细的安装流程大家可以看下官方文档】 1、安装node依赖【在运行 Mix 之前，要先确保您的机器上已经安装了Node和NPM】 npm install 2、运行Mix np
laravel生产环境编译屏蔽console、加版本号
52.0Hz的博客
04-17 828
由于不同的laravel版本或者安装的webpack依赖的版本不同可能会有不同的配置，因此最好是在gulpfile.js或webpack.mix.js 先打印输出引入的{mix}如下是laravel5.5的操作const { mix } = require('laravel-mix');console.log('mix:',mix.config)//输出如下{  production: true,...
laravel-mix-pug:Laravel Mix插件，用于编译PugJade模板
05-13
Laravel Mix插件，用于编译Pug / Jade模板。 介绍 该软件包为Laravel Mix提供了一个插件来编译哈巴狗模板。 laravel-mix-pug pug需要Laravel Mix才能工作。 请按照有关如何在软件包使用它的说明进行操作。 用法 将...
Laravel 前端资源配置教程
10-16
Laravel是一个流行的PHP框架，它...本篇教程详细介绍了前端资源的配置方法，从共用资源到私有资源的配置，再到资源的编译和使用，这些知识点对于Laravel新手或希望提升前端资源管理技能的开发者来说都是非常有价值的。
laravel-mix-edge:Laravel Mix插件，用于编译Edge模板
05-17
Laravel Mix插件，用于编译模板。 介绍 该软件包为Laravel Mix提供了一个插件来编译模板。 laravel-mix-edge需要Laravel Mix才能工作。 请按照有关如何在软件包使用它的说明进行操作。 用法 将此软件包安装到您的...
Laravel 7.0 中文文档.pdf
09-05
3. **前端脚手架**：Laravel Mix 提供了 Webpack 配置，简化了前端资源的编译和打包。 **安全相关** 1. **用户认证**：Laravel 提供了完整的用户认证系统，包括注册、登录、登出、密码重置等。 2. **用户授权**：...
Laravel开发-laravel-php-elixir-sass
08-27
Laravel开发-laravel-php-elixir-sass 为laravel php elixir提供sass功能
Laravel 代码开发最佳实践，看看你自己写的代码是怎样的。
CH - L 的博客
06-12 618
单一职责原则 一个类和方法只负责一项职责。 坏代码： public function getFullNameAttribute() { if (auth()->user() && auth()->user()->hasRole('client') && auth()->user()->isVerified()) { ...
Laravel-mix及模板调用问题
qq_34422574的博客
05-27 1873
Laravel中composer用于管理php依赖，而npm用于管理前端依赖 1.升级npm 确保下载依赖不出错 npm install npm -g 如果有权限问题则 sudo npm install npm -g 检查node和npm版本是否最新： node -v npm -v 发生权限错误则给出权限，输入： sudo chown-R $USER:$(id -gn $USE
laravel 框架下的问题总结（八）---git中使用npm run dev命令后报错 node_modules/webpack/bin/webpack.js: not found。。。。。。
呼~~~，风来了
02-29 857
问题如下图： 解法如下：：在命令前加上 sudo 即可。 （npm run watch-poll 有类似问题也可以尝试！） ...
为 Laravel Mix 编译的 JavaScript 和 CSS 文件加版本号
如果我年少有为不自卑
10-24 1212
加版本号，什么意思？我们来看 Github 网页源码中是怎样引入 JavaScript 和 CSS 文件的。 <link crossorigin="anonymous" href="https://assets-cdn.github.com/assets/frameworks-e04a23d39bf81b7db3c635177756ef51bc171feb440be9e174933c6eb5...
使用 Laravel Mix 编译 JavaScript 和 CSS
博客
08-14 538
$ npm run dev // 或者 $ npm run production npm run dev 适用于开发环境，最终输出的代码不会被压缩； npm run production 适用于生产环境，最终输出的代码会被压缩。 ...
laravel 教程中windows 环境下执行npm run dev 报错cross-env not found的解决办法
weixin_41965172的博客
03-20 757
最近在使用最新的laravel6.0来学习我们的laravel web实战入门样式美化时，当执行了npm run dev命令来编译前端资源时，经常会遇到一个报错，类似这样： window 系统下 首先你需要装一下cross-env，执行： yarn add cross-env --no-bin-links //homestead环境 或者一以下命令： npm install --save-dev cross-env --no-bin-links //WAMP、MAMP ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值